Codux: Visual IDE for React

#1

Post by bpierre » Tue, Dec 06, 2022, 12:50 AM UTC

Re: Codux: Visual IDE for React

#2

Post by dang » Tue, Dec 06, 2022, 2:20 AM UTC

We changed the URL from https://dev.to/codux/introducing-codux-15j5 to the project page. Readers might want to read both.

Re: Codux: Visual IDE for React

#3

Post by 29athrowaway » Tue, Dec 06, 2022, 5:37 PM UTC

Does this need files using a proprietary format? or does it output code same as a developer would do?

Re: Codux: Visual IDE for React

#4

Post by kneebonian » Tue, Dec 06, 2022, 5:39 PM UTC

I get a vaguely MS Access/Windows Forms feel from this, "Now you too can build Frontend Website design and not have to spend so much on developers!"

I also have to wonder if you still have to hack the code and what not how does this make it so much different from just using hot reloading features to see things?

Re: Codux: Visual IDE for React

#5

Post by CharlesW » Tue, Dec 06, 2022, 5:42 PM UTC

If the creators are hanging out, what does "first visual IDE for React" mean when there have been other visual IDEs for React (and React frameworks like Next.js)?

Re: Codux: Visual IDE for React

#6

Post by nadawix » Tue, Dec 06, 2022, 5:49 PM UTC

29athrowaway wrote: post #3

Does this need files using a proprietary format? or does it output code same as a developer would do?

It works on react Typescript projects. Editing the code like a developer would. We use it side by side with vscode editing visually when it makes sense and in the IDE when it doesn't

Re: Codux: Visual IDE for React

#7

Post by vlod » Tue, Dec 06, 2022, 5:53 PM UTC

Using FF: "Our live demo currently only supports Chromium based browsers (Chrome, Edge)"

BOO :( back button.

Re: Codux: Visual IDE for React

#8

Post by hunterb123 » Tue, Dec 06, 2022, 5:54 PM UTC

CharlesW wrote: post #5

If the creators are hanging out, what does "first visual IDE for React" mean when there have been other visual IDEs for React (and React frameworks like Next.js)?

Personally it looks more like a no-code tool as it doesn't really focus on the code aspect.

An IDE should have the text in the forefront, enable all the things an IDE normally does, as well as have a preview mode where you can visually edit.

A Dreamweaver for React.

In their defense it looks like they expect you to focus on the text part in your normal editor.

But at that point they should make this a VSCode extension or something.

Having your source being modified from two programs is... silly.

Re: Codux: Visual IDE for React

#9

Post by capableweb » Tue, Dec 06, 2022, 5:58 PM UTC

vlod wrote: post #7

Using FF: "Our live demo currently only supports Chromium based browsers (Chrome, Edge)" BOO :( back button.

Worse, I think they meant to say "It's only tested in Chromium based browsers, beware" and they should let you pass anyways.

I tried opening https://codux-demos.com/blueprint-css-webapp/ in Firefox but changed my User-Agent to Chrome on Windows. Everything works fine as far as I can tell. But all the network requests are slow as hell (probably HN-hug? Confirmed to be slow with cURL as well, so not because of Firefox).

Re: Codux: Visual IDE for React

#10

Post by nadawix » Tue, Dec 06, 2022, 6:04 PM UTC

CharlesW wrote: post #5

If the creators are hanging out, what does "first visual IDE for React" mean when there have been other visual IDEs for React (and React frameworks like Next.js)?

This is the first visual IDE to edit React Typescript code. Even code you created outside of it.

You can run it on an existing project, and start creating pull requests to your existing code. as long as the project fits our supported technologies.

The other tools you mentioned create code, but cannot edit existing code.

This becomes a real problem when a developer changes this exported code, which causes conflicts when someone edits it in the editor.

We edit the code directly, with visual changes translated into code changes, letting developers and designers collaborate on code and through pull requests.