OpenChakra is an open-source visual editor for React

Re:OpenChakra is an open-source visual editor for React by Dirak on Thursday February 13, 2020 @01:57AM (#22315878)

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.

[ Parent | on HN ]

Re:OpenChakra is an open-source visual editor for React by nexuist on Thursday February 13, 2020 @09:30AM (#22317959)

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

[ Parent | on HN ]

Re:OpenChakra is an open-source visual editor for React by adatavizguy on Thursday February 13, 2020 @02:43PM (#22320759)

Looks like they use Rematch.[0]

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

[ Parent | on HN ]

Re:OpenChakra is an open-source visual editor for React by btown on Thursday February 13, 2020 @09:54AM (#22318137)

useReducer? I hardly even know ‘er!

[ Parent | on HN ]

Re:OpenChakra is an open-source visual editor for React by api on Thursday February 13, 2020 @11:58AM (#22319252)

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

[ Parent | on HN ]

Re:OpenChakra is an open-source visual editor for React by DecoPerson on Thursday February 13, 2020 @01:34PM (#22320113)

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

[ Parent | on HN ]

Re:OpenChakra is an open-source visual editor for React by shinework on Thursday February 13, 2020 @05:53AM (#22316743)

Thanks for your feedback! We try to keep the app simple and clean but with strong details and ux

[ Parent | on HN ]

Re:OpenChakra is an open-source visual editor for React by invalidusernam3 on Thursday February 13, 2020 @08:01AM (#22317361)

Very cool. One suggestion: turn off the autocomplete on the inputs in Chrome. For example if I place an image, in the properties panel I get a lot of weird suggestions as I focus on various fields

[ Parent | on HN ]

Re:OpenChakra is an open-source visual editor for React by mattwoodnyc on Friday February 14, 2020 @12:50PM (#22328495)

I noticed space values (minW, etc) require a “px” to work, but theme-ui doesn’t require it, and defaults “px”

[ Parent | on HN ]

Re:OpenChakra is an open-source visual editor for React by scoot on Thursday February 13, 2020 @10:57AM (#22318698)

> 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 credit where credit is due.

[ Parent | on HN ]

Re:OpenChakra is an open-source visual editor for React by thinkingkong on Thursday February 13, 2020 @11:22AM (#22318913)

Sooo software?

[ Parent | on HN ]

Re:OpenChakra is an open-source visual editor for React by SirSavary on Thursday February 13, 2020 @12:08PM (#22319340)

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).

[ Parent | on HN ]

Re:OpenChakra is an open-source visual editor for React by scoot on Thursday February 13, 2020 @12:54PM (#22319760)

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

[ Parent | on HN ]

Re:OpenChakra is an open-source visual editor for React by bfrit on Thursday February 13, 2020 @10:34PM (#22323777)

Still comes across as diminishing the helpful work.

[ Parent | on HN ]