Are you looking for a design and coding tool for React? A new attempt, Utopia, was released in Alpha this week.
Utopia: a new two-way code editor and designer for React.js
Long-remembered developers will recall that Delphi did this (to great effect) for Windows applications, unlike the other fast development tools at the time. There have also been efforts to do something similar to web development with tools like Macromedia’s Dreamweaver, which was acquired by Adobe, or even Microsoft’s FrontPage, which are easy to use but notorious for generating bad code and / or requiring server-side extensions develop.
“Utopia founder here. Yes, I loved the idea of ââFrontPage and learned so much, and yet – it sucked so much in practice,” said Malte Nuhn in a discussion at Hacker News.
The idea of ââthe project is that “it works with real code in real projects,” which enables prototypes built with real React components instead of being modeled in Figma, and quick visual design without compromising code. “Whatever Utopia does not (yet) understand, it leaves it as it is,” claim the documents.
Utopia is open source and hosted on GitHub under the MIT license. âThe design tool is pretty early on,â the team said. How about trying it out on your own PC? It’s about cloning the project and building it locally.
However, the VS Code part of the resulting local web application is broken in our build. Our guess is that some developers will be interested in getting this to work instead of programming entirely in the cloud.
However, the team’s intention is for developers to use the hosted version and not have to worry about building it yourself.
What is the business model? âThe idea is to keep this free for single player (â earn your time, trust, and usage, don’t lock up â) and charge fees for features that are in line with financial value. At first these will very likely be team-oriented – but our priority for the rest of the year is clearly single-player, “Nuhn told me on Discord.
“Web standards are important to us … we will look at them seriously once the product is a little more mature,” said Nuhn. “The same goes for other JS frameworks like Vue.” Â®