React NodeGui development in a nutshell
As far as development is concerned, an React NodeGui application is essentially a Node.js application. The starting point is a
package.json that is identical to that of a Node.js module. A most basic React NodeGui app would have the following
All APIs and features found in NodeGui are accessible through the
@nodegui/nodegui modules, which can be required like any other Node.js module. Additionally you have access to all Node.js apis and node modules.
@nodegui/react-nodegui module exports widgets and features in namespaces. As an example, a window can be created
Window component. A simple
main.js file might open a window:
index.js should create windows and handle all the system events your
application might encounter.
What's going on here?
Trying out the starter project
Clone and run the code by using the
What else other than a basic window?
React NodeGui has support for basic components like View (similar to div), CheckBox, PushButton and many more. You can take a look at the list of native widgets that React NodeGui currently supports here : Native widgets in React NodeGui. With time more native components and APIs will be added to React NodeGui. Apart from modules in React NodeGui, you also have access to the entire node modules ecosystem. Thus, any node module that you can use with Node.js, can be used with React NodeGui. This makes it extremely powerful.
Fine, I want something more custom and beautiful than just native looking widgets. What do I do?
To make things more beautiful, you will have to learn about styling. Lets take a look at that next.