Skip to content
This repository has been archived by the owner on Sep 10, 2018. It is now read-only.

blackwood/drupal-react-blocks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This is a simple example of a ReactJS based Recent Comments block on Drupal, structured after/inspired by the ReactJS Tutorial

The Reactive DOM is fun with Drupal!

Comment submission on the right, no browser refresh on the left.

What's ReactJS?

JUST THE UI

Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.

VIRTUAL DOM

React uses a virtual DOM diff implementation for ultra-high performance. It can also render on the server using Node.js — no heavy browser DOM required.

DATA FLOW

React implements one-way reactive data flow which reduces boilerplate and is easier to reason about than traditional data binding.

Here, these are the ReactJS Docs

This also relies on the React module to serve the library.

And the Services module to render the JSON. In renderComponent you can chagne this URL that gets polled for to whatever you want.

To use the JSX syntax do this:

npm install -g react-tools

jsx --watch src/ build/

Otherwise you can edit the build/ directly and delete src to add your own react components.

Cheers! 🐱

Bitdeli Badge

About

Drupal - React Block example (Recent Comments)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published