I am keen on getting to use uibuilder, but their WIKI is rather difficult to fathom.
Is there an alternate source on information on how to utilise the uibuilder; someting for bummies like me.
I am not a front-end programmer, so I am looking for a step-by-step guide, please.
Many thanks for any pointers.
I am not a front-end programmer,
It got a bit out of hand over the years
Have you tried the examples in the library?
The best way to learn is by doing. Read through the examples, play with them by adding a few of your own bits and pieces to see how it all fits together.
There isn't a step-by-step guide for a very good reason. uibuilder itself is mostly a conduit for communicating between Node-RED as a server managing data flows and your front-end web code.
A basic uibuilder flow is 3 nodes long (see the examples) and the basic front-end code is a couple of dozen lines (see the "simple" example).
The skills lie in writing front-end code. uibuilder lets you use standard web development tools. So to learn, you should pick a simple web tutorial for VueJS and follow that.
Please see the first part of a simple walkthrough in this thread:
OK, so a few people have asked for this and here is the first part! This walkthrough for getting started with uibuilder is a section of what will be a slightly longer page that will go into the uibuilder docs. It may even become uibuilder's README page for the package.
Please feed back any thoughts, corrections and ideas.
How to get started - 4 steps to a data-driven web app
It may look complex, but really it isn't.
Install node-red-contrib-uibuilder via Node-RED's "Manage pal…
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.