Live data from Hacker News

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

utopia.app

101–110 of 175 posts

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

#101
post #31

Earlier quoted context omitted.

I'm getting old, too *sigh. Technology stacks appear, and go right ahead reinventing dependency managers and repositories, IDEs with autocompletion, refactoring & WYSIWYG editors, a strong type system, comments and schema validation for configuration file formats (JSON)... Nice work though, looks really promising!

Something something smalltalk in the 80s something something. I'm old enough to remember Smalltalk systems running on Sun workstations being a thing. I still don't know if we've reached that level of development effectiveness with modern tools.

Yup, worked with that, was great.

Needed Envy VC for teams though.

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

#102
post #41
post #30

Earlier quoted context omitted.

I totally agree. I'm not sure why they fell out of popularity. I would've never learned HTML/CSS/JS had it not been for my 9-year-old self messing with FrontPage.

Also: Visual Basic and Delphi.

Delphi gang here! Encountered Delphi as a kid by accident, and playing with that first form was a life changing event for me: realizing that I can make something new, real, tangible, that I'm in control. Coming from a non-tech family/background, this was big for me, I don't think I'd have gone into tech if not for it.

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

#103
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…

Thank you! This is pretty much exactly the ethos behind Utopia - that there is ultimately some underlying thing that you want to make changes to, but you often want to be able to make those changes from different viewpoints (or in different contexts) depending on the types of changes you want to make. The React paradigm, especially with functional components, is absolutely right for this kind of a tool.

Congratulations to you and your team on the launch!

I have added Utopia to my curated list of startup tools[1] under 'Visual Programming | Low code | No code'(Yep it's the only heading which I had to add alternatives as well).

[1]https://startuptoolchain.com

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

#105
post #102
post #41

Earlier quoted context omitted.

Also: Visual Basic and Delphi.

Delphi gang here! Encountered Delphi as a kid by accident, and playing with that first form was a life changing event for me: realizing that I can make something new, real, tangible, that I'm in control. Coming from a non-tech family/background, this was big for me, I don't think I'd have gone into tech if not for it.

As a kid (and adult) you need to see some immediate tangible result of your virtual labor.

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

#106
Gret work!

I find it similar to Hadron App[0] that generates modern HTML and CSS. I was very excited about that tool. Unfortunately, the blog[1] and changelog[2] went silent last year.

[0] https://hadron.app/

[1] https://medium.com/@HadronApp

[2] https://hadron.app/updates

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

#108

Earlier quoted context omitted.

Something something smalltalk in the 80s something something. I'm old enough to remember Smalltalk systems running on Sun workstations being a thing. I still don't know if we've reached that level of development effectiveness with modern tools.

Yup, worked with that, was great. Needed Envy VC for teams though.

Ah, haven't heard of that, I was just a wee lad at the University computing center before I got out of high school.

This what you're referring to? https://paulhammant.com/2017/09/01/smalltalk-envy/

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

#109

Product Designer here. Is there a specific reason why tools/demos(Framer comes to mind) such as these are tied to React? Is it just because of the popularity of React these days or is there a technical reason for it that's lost on me?

React/JSX converts what was previously DSLs nested within DSLs into code. This is why dev tools like this oft use React, or more specifically JSX. It complements the HTML DSL, but in a coding context. Most other similar browser tools use templating mechanisms with DSLs for embedded logic. For this reason, React will have jQuery like longevity, and people will continue to design for it. It's easier to code for code than multi-layer DSLs (see Jinja, Vue, angular, swig, etc). Forgive me if that was a little meta or over simplifying.

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

#110
This is so cool. I built something similar for my startup https://panakit.com. It’s a tool de create blogs and I have a UI builder where users can customise the blog. The code is hidden away since it is aimed at non-tech people. My UI builder is way limited in functionality and only works for blogs and it was still quite a bit of work to build, I can’t even imagine the amount of work your tool required. How do you plan to make money out of it?
Post reply on HN