Live data from Hacker News

Utopia, a visual design tool for React, with code as the source of truth

utopia.app

111–120 of 175 posts

Re: Utopia, a visual design tool for React, with code as the source of truth

#111
post #9

To me this editor gets it right in the sense that we don’t need to get rid of code as the “nocode” movement is trying. Instead we need to make coding more enjoyable and figure out ways to make it more interactive. One specific thing Utopia addresses to me is the need for the code and the actual thing to be treated more as one single interactable component and not two separate things. Instead we're treating the thing…

This is why I like Business Process Modelling Language as a better UML too

Re: Utopia, a visual design tool for React, with code as the source of truth

#113
post #84
post #38

Earlier quoted context omitted.

I can't recall front-page doing script/interactivity much? This is more like Dreamweaver? Ed: it's strange that the lively-kernel.org approach (the Self/Smalltalk approach) never did seem to gain any real traction. Rather we get these odd half-meassures like source-maps, bundled js and what-not. Well, any small progress towards the 80s in the 20s is good i guess...

Dreamweaver Ultradev, released in 2000, was the first version to introduce scripting with PHP and ASP.

Oh, I'd blocked out server side script support. As if the Javascript widgets weren't bad enough :D

Re: Utopia, a visual design tool for React, with code as the source of truth

#114
Looks nice!

It seems that any "logic" (conditionals, iterators, etc) in the components will prevent the component (and their children) from being inspectable.

Is the intent to keep it "no-code" in this respect (i.e. effectively a visual JSX editor), or will you be adding the ability to inspect more "dynamic" components to make it useful for app development?

Re: Utopia, a visual design tool for React, with code as the source of truth

#115

Big no for me if styles are injected as inline styles. As a developer I don't want to work with that generated code. At the very least look at using styled components or generate accompanying css module file.

Yea, optimally it would give these three options as alternatives for user to choose.

Re: Utopia, a visual design tool for React, with code as the source of truth

#116
So this is cool because it's for React but I'm curious, this is not a new idea right? Lots of UI tools hold the source of the UI in code. For example the original C# in Visual Studio did this IIRC. I think Android Studio does this (well it edits XML which is used at runtime?). Swift?

Re: Utopia, a visual design tool for React, with code as the source of truth

#118

Big no for me if styles are injected as inline styles. As a developer I don't want to work with that generated code. At the very least look at using styled components or generate accompanying css module file.

See: https://news.ycombinator.com/item?id=27522714

Re: Utopia, a visual design tool for React, with code as the source of truth

#119

Looks nice! It seems that any "logic" (conditionals, iterators, etc) in the components will prevent the component (and their children) from being inspectable. Is the intent to keep it "no-code" in this respect (i.e. effectively a visual JSX editor), or will you be adding the ability to inspect more "dynamic" components to make it useful for app development?

Our goal isn't a no-code tool, but rather an editor that provides the tools for both developers and designers. We're iteratively improving the level of complexity of code that we can fully parse and expose to the rest of the editor, so you can expect these kinds of cases to become fewer and far between over time.

If you do have specific cases that you come across and are interested in following the development or just want to let us know of them, please do file an issue on our GitHub repo.

Re: Utopia, a visual design tool for React, with code as the source of truth

#120

Earlier quoted context omitted.

Framer, at least when I last tried it, was more of a prototyping tool. You could generally only one-way import React components into Framer, and then you could use Framer to assemble new components, but not in a way that allowed round-tripping. It's very possible to import production components into design tools, it's rare when a design tool can output production components again. Largely because production-ready vis…

Slight correction, though it’s too late to edit: I meant to say at the end, “it’s unclear if Utopia will follow the same standards and patterns that production code demands,”

That's exactly our aim - if making a change via the canvas or inspector doesn't result in production grade code then the tool is failing in our eyes. We're well aware that there are parts where we're not hitting the mark there (effectively we're in an alpha stage here), but we're working hard to improve that.
Post reply on HN