micro-lc React + Lit template

This project contains a monorepo initialized with React + Vite and Lit + Vite.

The idea behind this is to allow everyone to create UI components using React, and then export them as Web Components using Lit.

The provided Web Component example is micro-lc-element-composer ready: it supports the injection of the eventBus property.

Build React components

To build React components you can run: yarn react build, or simply yarn build inside the packages/react folder. The build file will produce a dist folder inside packages/react.

Build Lit components

To build Lit components you can run: yarn lit build, or simply yarn build inside the packages/lit folder. The build file will produce a dist folder inside packages/lit.

Preview Lit components

To preview Lit components you can run: yarn lint dev. This will spin up a dev server on localhost:3000.

To insert and configure multiple Web Components you can edit the index.html file inside the packages/lit folder.