🎊 WIX NEWS: Meet Codux, your first visual IDE for React.

React developers , welcome to your first visual IDE.

Codux is a visual IDE for React that allows you to build and edit components visually and side-by-side with your project’s codebase. Changes can be made through code or with editing panels and are reflected instantly, for a faster workflow.

:heavy_check_mark: Develop components in isolation
:heavy_check_mark: Expedite your CSS Visually navigate your code
:heavy_check_mark: Validate behavior and design
:heavy_check_mark: Collaborate with Git

Download the beta for free and give it a try: https://www.codux.com/

2 Likes

Congrats!! I tried, but noticed, I should learn more about React.

There are tons of free resources out there for learning React if you are hoping to dive more into it. Thanks for testing out Codux! How did you like it (even with more limited React knowledge)?

I’m going to get more knowledge about React from now on.

I understood that Codux is a tool that writes out code for UI design by operating visually.

I tried “demo-project” in Codux and executed Install command in Scripts and succeeded then executed start command in Scripts. Then I got some errors like this in console logs.

ERROR in src/reportWebVitals.ts
TS1371: This import is never used as a value and must use 'import type' because 'importsNotUsedAsValues' is set to 'error'.

Are you referring to the demo project on the website?

start command opens my web browser automatically.

We are looking into this error and I’ll reply on this thread.

In general, we don’t support continuously running scripts at the moment. The scripts dialog stays open if a script is executed.
If you want to run “start” command to test the full app in the browser you should do it via the terminal.