25 years later, and we're back to FrontPage. "Time is a flat circle."
This is why it's important to evaluate tools without bandwagoning and believing the hype. Sometimes, the hype turns out good, but more often than not it doesn't.
Utopia, a visual design tool for React, with code as the source of truth
81–90 of 175 posts
Re: Utopia, a visual design tool for React, with code as the source of truth
#82Product 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 is very popular in the market.
Re: Utopia, a visual design tool for React, with code as the source of truth
#83I 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. Y…
Thank you! I'm one of the developers working on Utopia. > 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. This was our experience with existing low code or code generating design tools as well – you actually have to put a lot of time into learning how to use them, time you could spend on learning actual Rea…
I am student and I think my instructors who teach a Software Engineering class would be very very interested. We typically have non-CS majors in that class and it can be a bit of a learning curve.
Re: Utopia, a visual design tool for React, with code as the source of truth
#8425 years later, and we're back to FrontPage. "Time is a flat circle."
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.
Re: Utopia, a visual design tool for React, with code as the source of truth
#85The page is completely broken for me with most links failing due to certificate errors:
Failed to load resource: net::ERR_CERT_INVALID 4b99d2cfb81c64aed531.css:1
Failed to load resource: net::ERR_CERT_INVALID cdn.utopia.app/_next/static/chunks/webpack-50bee04d1dc61f8adf5b.js:1
Same in Chrome and Safari
Re: Utopia, a visual design tool for React, with code as the source of truth
#86So, say I were to attempt to swap out React for Vue 3, how difficult would it be? How tightly coupled is React?
I would love love love to contribute to a vue version of this
Re: Utopia, a visual design tool for React, with code as the source of truth
#87Earlier 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.
Visual Basic was my introduction to programming - I still have somewhat of a fondness for designing GUIs in Visual Studio
Re: Utopia, a visual design tool for React, with code as the source of truth
#88First, congrats on the tool!
Have you thought about supporting multiple use-cases for each component? So for example the component might be showing a list. I want to test (and visually design) the use-case when the list is empty, then I want to switch and visually design when the list has one element, then when the list has a lot of elements..
Also it would be great that in those cases you could define not only the data but also the surrounding canvas and browser properties. Test&design for mobile, laptop, dark background, old browser, changed styles, etc.
Re: Utopia, a visual design tool for React, with code as the source of truth
#89After five minutes of playing with it and failing to find it... where is the panel of components to drag and drop into the tree? Seems like the most basic functionality in an editor like this. Something that VB had in 1993. This should be something that is obvious and visible on a first glance.
Another issue I have with the UI is that a lot of elements are greyed out even though they remain interactive. The convention is that UI elements that are greyed out are not interactive due to the current state of the application (wrong mode, unmatched requisites etc). This application seems to violate that and I'm still baffled as to what greying out of UI elements means in in this app. If they aren't disabled why are they greyed out?
Re: Utopia, a visual design tool for React, with code as the source of truth
#90Damn, I'd been meaning to build exactly this for ages but never got around to it. It's always felt like a key missing piece, particularly after working with tools like Android's preview tab. Major kudos to the team!