This repository has been archived by the owner. It is now read-only.
Drupal - React Block example (Recent Comments)
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
src
README.md
drupal_react.gif
react_blocks.info
react_blocks.module
test

README.md

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