Live data from Hacker News

OpenChakra is an open-source visual editor for React

openchakra.app

61–70 of 77 posts

Re: OpenChakra is an open-source visual editor for React

#61

Is there any toolkit available that lets you build a UI editor like this? We would like to ship a UI editor with our product that lets you define simple UIs that serialize to json/xml but are hesitant because of the effort required and resources at hand.

many UI builder for bootstrap, which includes react-bootstrap.

Re: OpenChakra is an open-source visual editor for React

#62
post #55

Earlier quoted context omitted.

> I have to say I'm thoroughly impressed with Chakra UI. [...] Props to the devs for building this -- the care and attention to detail definitely shows. I find this quite amusing, since the components were almost all copied from other React component libraries, restyled based on an open source CSS library, and styled-system added for good measure. The developer has done a decent job of pulling it all together, but cr…

I think you just described 80% of all React-based projects. Also the project README states clearly that this is an editor for Chakra UI, unless you were commenting on that library in particular (and not the editor).

Please ready my comment in context (which I have added as a quote for easy reference).

Re: OpenChakra is an open-source visual editor for React

#63
post #59
post #47

Earlier quoted context omitted.

The devs may have props, but how do they handle state?

Isn't that beyond the scope of a layout component library? It's React so you manage state.

His comment was in jest. It was a play on the use of the word "props" in "Props to the devs for building this."

Re: OpenChakra is an open-source visual editor for React

#64
post #35

I'm having trouble understanding for whom this is is built. Obviously not for me, but what's the problem that editor is solving?

I can tell you why I like it. I'm not a web developer at all and I was recently looking into building a web app, and for me just building something in the gui editor and then looking at the generated code helps me significantly, it is much faster than having to scavenge the docs or google for every single thing I want to do.

Re: OpenChakra is an open-source visual editor for React

#66
post #47
post #3

As an engineer who works on design systems for a living, I have to say I'm thoroughly impressed with Chakra UI. Its implementation is refreshingly simple and support for generally overlooked things like color theming and responsiveness is generally really well done. Props to the devs for building this -- the care and attention to detail definitely shows.

The devs may have props, but how do they handle state?

Looks like they use Rematch.[0]

[0] https://rematch.github.io/rematch/#/

Re: OpenChakra is an open-source visual editor for React

#67
post #39
post #35

I'm having trouble understanding for whom this is is built. Obviously not for me, but what's the problem that editor is solving?

I work in the public sector where hordes of MBA types have gotten into digitisation in recent years. I throughly believe we’ll see more and more tools that don’t require an actual developer, because there is just a huge market for it.

Is this something they can not yet get with Sharepoint?

Re: OpenChakra is an open-source visual editor for React

#70
post #22

Earlier quoted context omitted.

I wondery why people don't use SVG to describe their UIs. Then you don't have to invent a new language, worry about serializing, etc. SVG support in browsers is old and relatively stable.

Because using SVG for user interfaces is bad for accessibility (e.g. for users who rely on screen readers)

How do screen readers handle native applications? Can’t they just do the same thing here?
Post reply on HN