This is a simple example of a ReactJS based Recent Comments block on Drupal, structured after/inspired by the ReactJS Tutorial
Comment submission on the right, no browser refresh on the left.
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.
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.
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! 🐱