Structor is a Visual IDE for building React web applications

Tools This post may contain affiliate links. If you buy something we get a small commission at no extra charge to you. (read more)

Node.js apps are growing in popularity thanks to accessible tutorials and a helpful community. One preferred combination is a Node.js backend with a React.js frontend.

React is a UI library made in JavaScript that can operate on the frontend regardless of whichever backend language you choose. This has become a popular choice for developers again because of online support.

But a new open source program named Structor is making the process even easier. This is a visual build tool for creating React UI layouts with ease. You simply power up Structor and build what you need, then run in a local directory.

If you already know React UI then Structor will probably just save you time when building a new project from scratch. Granted there is a learning curve but if you’re willing to stick with it you might be surprised how much time you can save.

The Structor team put together a brief tutorial explaining how to connect into GitHub with Structor. If you want to get started visit the GitHub page and follow along with the tutorial. They have links to articles on Structor and to their video page on the website.


Author: Jaime Morrison

Jaime is a jr. designer interested in mobile UI/UX research and frontend web development with JavaScript frameworks. He covers general news and useful resources in the web design space.