Utopia, a visual design tool for React, with code as the source of truth
1–10 of 175 posts
Re: Utopia, a visual design tool for React, with code as the source of truth
#2Awesome to see it's open source.
Re: Utopia, a visual design tool for React, with code as the source of truth
#3This looks amazing, cant wait to try it out
Re: Utopia, a visual design tool for React, with code as the source of truth
#4When you see things side-by-side you realise the React devs foisted XML back onto the world :D
Re: Utopia, a visual design tool for React, with code as the source of truth
#5Very impressive!
Re: Utopia, a visual design tool for React, with code as the source of truth
#6Looks amazing, I will definitely check it out, any information in supporting other forms of styling, like CSS modules or styled components?
Re: Utopia, a visual design tool for React, with code as the source of truth
#7I wonder if they've drawn inspiration from SwiftUI?
Re: Utopia, a visual design tool for React, with code as the source of truth
#8Great 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.
Re: Utopia, a visual design tool for React, with code as the source of truth
#9To 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 as a one-way compile step. There's no way to sync the DevTools in-memory changes we make to the DOM with the actual code.
The fact that Utopia allows the two things to be treated as one is a huge step towards making webdev more enjoyable.
And they’re following good steps… SwiftUI’s editor is very similar in this regard. Using the code as the main thing but having all kinds of interactable components around it that make writing code simpler with cool visual autocomplete widgets & visual aids.
Before with direct DOM changes building something like this was impossible but now with the React paradigm is seems natural to have this sync between code and visuals.
Kudos to the team for pulling this off.
Re: Utopia, a visual design tool for React, with code as the source of truth
#10Great 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.