React is a JavaScript library for building User Interfaces. React uses a virtual DOM diff implementation for ultra-high performance.
Example of a TODO app
This module is for developers, it doesn't do anything out-of-the-box. It just provides the react.js library via the Libraries API module.
Dependencies (D10)
- Module Importmaps module
What branch to use (D7)
- React 7.x-1.x if you are using React 0.13 or lower
- React 7.x-2.x if you are using React 0.14 or later
Dependencies (D7)
- Module Libraries API 2.0 or higher.
What branch to use ?
- React 7.x-1.x if you are using React 0.13 or lower
- React 7.x-2.x if you are using React 0.14 or later
Installation (D10)
Install the module as normal.
Adapt your bundler to mark React and React-Dom as external. See webpack or Vite instructions on how to do this.
Register your bundled code in a libraries.yml and the importmaps module and the browser will make sure that import React from 'react'
resolves properly.
Installation (D7)
- Unzip the Starter Kit content in
sites/all/libraries/react/
. (and remove version from directory name) - Verify that library is in this path
sites/all/libraries/react/build/react.js
.
Usage. 2 variants (D7)
// It will load the minified variant. "Performant by default"
libraries_load('react');
Or:
// un-minified, for developing purposes
libraries_load('react', 'source');
* There is an admin setting to use react-with-addons.js
, instead of plain react.js
Examples
This Drupal custom module React blocks [github] renders a "Recent Comments" block using React module as a dependency.
(Submit more examples, I will add them here)
Other React modules
I haven't tried, or tested these, use at your own risk
Future
I don't have plans to bloat this module, the goal is to keep it simple, just as a Libraries API wrapper to add easily React to your Drupal site.
I encourage you to use this module as a dependency for your contrib/custom React modules
--
By David Corbacho
Project information
- Minimally maintained
Maintainers monitor issues, but fast responses are not guaranteed. - Module categories: Developer Tools, Integrations
- 34 sites report using this module
- Created by corbacho on , updated
- Stable releases for this project are covered by the security advisory policy.
Look for the shield icon below.
Releases
The one with D10 support 🔟🚀
Development version: 3.x-dev updated 28 Nov 2023 at 22:16 UTC
Development version: 7.x-2.x-dev updated 27 Oct 2015 at 12:04 UTC
Development version: 7.x-1.x-dev updated 1 Apr 2014 at 20:59 UTC