Hi all,
For those of you in particular who use VueJS, you may be glad to know that I've revamped the WIKI menu and added some new pages.
There is now a general what works with uibuilder & vue page and a new example covering Vue v3 with Highcharts and the Quasar framework for vue.
Of Course, as always, the main documentation for uibuilder is now in the Tech Docs which are accessible from within uibuilder/node-red or from uibuilder Technical Documentation v5.
The WIKI menu:
-
Walkthrough
Getting started -
In Progress and To Do
What's coming up for uibuilder? -
Awesome uibuilder Examples, tutorials, templates and references.
-
How To
- How to send data when a client connects or reloads the page
- Send messages to a specific client
- Cache & Replay Messages
- Cache without a helper node
- Use webpack to optimise front-end libraries and code
- How to contribute & coding standards
- How to use NGINX as a proxy for Node-RED
- How to manage packages manually
- How to upload a file from the browser to Node-RED
-
VueJS general hints, tips and examples
- Load Vue components without a build step (modern browsers only)
- How to use webpack with VueJS (or other frameworks)
- Awesome VueJS - Tips, info & libraries for working with Vue
- Components that work
-
VueJS v3 hints, tips and examples
-
VueJS v2 hints, tips and examples
- Dynamically load .vue files without a build step (Vue v2)
- Really Simple Example (Quote of the Day)
- Example charts using Chartkick, Chart.js, Google
- Example Gauge using vue-svg-gauge
- Example charts using ApexCharts
- Example chart using Vue-ECharts
- Example: debug messages using uibuilder & Vue
- Example: knob/gauge widget for uibuilder & Vue
- Example: Embedded video player using VideoJS
- Simple Button Acknowledgement Example Thanks to ringmybell
- Using Vue-Router without a build step Thanks to AFelix
- Vue Canvas Knob Component Thanks to Klaus Zerbe
-
Examples for other frameworks (mostly out-of-date)
- Simple Caching Example
- Basic JQuery app - Uses the built-in JQuery and Normalize.CSS libraries
- Basic MoonJS app
- Slightly extended MoonJS example
- Example Show MQTT device info using Moon with caching
- Basic ReactJS app
-
Outdated Pages (Historic only)
- v1 Examples (these need updating to uibuilder v2/v3/v4/v5)
