Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

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

utopia.app

Post reply on HN
Print view View original

11–20 of 175 posts

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

#11

Post by codemonkey-zeta »

tW4r wrote: post #6

Looks amazing, I will definitely check it out, any information in supporting other forms of styling, like CSS modules or styled components?

I had the same thought about styled components. In the meantime I'll just use emacs to convert the default style objects to styled components when I'm done using Utopia.

I imagine I will use Utopia and then tailor the code afterwards with a code-editor to add my own idiosyncrasies. Still pretty darn efficient to design UIs this way honestly. I'm pretty stoked!

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

#12

Post by rvz »

flixic wrote: post #10
rvz wrote: post #8

Great work on this and looks interesting at first glance and very happy to see this open source. Doesn't really look ready or supported out of the box for M1 Macbooks, unsurprisingly. Probably going to install this on my other machine to try it out instead.

It's a browser based tool. I'm not sure what you mean by "Doesn't really look ready or supported out of the box for M1 Macbooks". JavaScript cannot target chip architectures, AFAIK.

So you didn't read the prerequisites and the troubleshooting sections first then? [0]

[0] https://github.com/concrete-utopia/utopia#troubleshooting

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

#14

Post by goatlover »

sktrdie wrote: 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…

> 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.

The Smalltalk way.

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

#15

Post by nkp57 »

rvz wrote: post #12
flixic wrote: post #10

Earlier quoted context omitted.

It's a browser based tool. I'm not sure what you mean by "Doesn't really look ready or supported out of the box for M1 Macbooks". JavaScript cannot target chip architectures, AFAIK.

So you didn't read the prerequisites and the troubleshooting sections first then? [0] [0] https://github.com/concrete-utopia/utopia#troubleshooting

Isn't that for development?

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

#17

Post by flixic »

lolive wrote: post #13

Just wondering: how is it different from a live reload yarn run serve+IntelliJ +a browser?

The main thing is that you can edit visually, and changes are reflected in code. So it goes in both directions. Editor + Live Reload only goes in one direction.

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

#19

Post by krmmalik »

I am very interested in this. I am a low-coder you could say. I have to start coding a front-end in React soon (and I have yet to learn React) so with all the overhead of learning React as well as fiddling with html, css etc, it feels like a really big task. I saw some visual builders for React , downloaded/tried a couple but they had pretty big learning curves of their own so I didn't bother taking it any further.

You guys seem to be addressing the right pain point in the right way.

I will definitely give this a go soon

Post reply on HN