Use @lit/react to build React components instead of doing it manually ourselves

Question

Use @lit/react to build React components instead of doing it manually ourselves

Closed this issue 7 months ago · 4 comments

The problem
Managing the React components is a maintenance burden and prone to error. Doing this ourselves incurs a whole area of work around duplicating component stories for React and building a composed Storybook, all of which add complexity and get in the way often.

The solution

Use the offical @lit/react package to build the React components for consumers
Document what to expect about component property names and event handling
Stop managing a React Storybook altogether
Stop managing a composed Storybook

Answer 1 · 2024-03-21T11:20:31.000Z

custom-element-react-wrappers is another alternative if it proves useful/necessary

Answer 2 · 2024-04-29T15:24:30.000Z

Something to note: https://react.dev/blog/2024/04/25/react-19#support-for-custom-elements

Answer 3 · 2024-04-29T15:27:47.000Z

I saw that as well and shared around internally @Niznikr, exciting development! Thanks for sharing 😄

Answer 4 · 2024-08-30T01:16:42.000Z

Closing this as an unlikely area of investment going forward; we will likely divest from React wrappers instead as teams eventually move up to React 19.