Skip to content

README.md

Latest commit

 

History

History
31 lines (25 loc) · 944 Bytes

README.md

File metadata and controls

31 lines (25 loc) · 944 Bytes

node-red-contrib-uibuilder-react

A React.js templated dashboard for Node-RED. Built on uibuilder.

#What is it? node-red-contrib-uibuilder-react is built on uibuilder. UIBuilder is used to deliver the page and manage the websocket communications. Use React as normal, and build when the site is ready.

How to use?

npm install npm start

To install from scratch

  1. From scratch, install node-red and uibuilder.
  2. Create a uibuilder node name it react_ui and deploy (you can choose automatic creation of .html and .css files)
  3. 'cd uibuilder'
  4. mkdir src
  5. 'cd src'
  6. Install react in here (https://reactjs.org/tutorial/tutorial.html) npm install -g create-react-app create-react-app my-app
  7. cd my-applicable
  8. IMPORTANT, in your react package file, add "hostpage":"/react_ui"
  9. In your setting file of node-red, add the following:
  10. uibuilder: { userVendorPackages: ['reactjs'], debug: true },