What’s Codux?
Codux is a visual IDE for React that enables us to visually create and modify components alongside the codebase for our project.
It’s a visual IDE or Graphical editor that allows you to make and edit react components. This includes you’re drawing on canvas. you can download it for free, from here.
Â
Visually edit projects side-by-side with your code editor. See every change reflected instantly and get your work done faster.
Â
What can we do with codux?
I’ve found this video so useful as a starter guide.
Â
They are also offering so much help to the starters, since are offering some video tutorials to learn all the basics.
Experience total frontend control
1. Develop components in isolation
Change component structure and add elements from your own project or third-party libraries.
2. Expedite your CSS
Change component structure and add elements from your own project or third-party libraries.
Visually edit component styling and layouts, and see your changes written into standard code in real-time.
3. Visually navigate your code
Change component structure and add elements from your own project or third-party libraries.
Visually edit component styling and layouts, and see your changes written into standard code in real-time.
Render and inspect any visible element to locate it in the code, and quickly change its UI with visual controllers.
4. Validate behavior and design
Create and simulate different component states and props visually with boards.
Â
5 Collaborate with Git
Change component structure and add elements from your own project or third-party libraries.
Visually edit component styling and layouts, and see your changes written into standard code in real-time.
Render and inspect any visible element to locate it in the code, and quickly change its UI with visual controllers.
Enable your team to view and edit works in progress and review their changes, even in early stages of development.
Â
Here are some demo projects to see what you can do using this phenomenal IDE.
Â