Is a UI framework for Lightning 3 Renderer built with SolidJS Universal Renderer. It allows you to declaratively construct lightning nodes with reactive primitives, just as you would construct a DOM tree in SolidJS.
Clone starter template:
> npx degit lightning-tv/solid-starter-template my-app
> cd my-app
> npm i # or yarn or pnpm
> npm start # or yarn or pnpm
import { render, Text } from '@lightningtv/solid';
render(() => <Text>Hello World</Text>);For a more detailed Hello World guide check out the Hello World guide.
If you're migrating from https://github.com/lightning-js/solid
Find and replace: "@lightningjs/solid-primitives" with "@lightningtv/solid/primitives" "@lightningjs/solid" with "@lightningtv/solid"
Update vite.config to dedupe solid:
resolve: {
dedupe: [
"solid-js",
"@lightningtv/solid",
"@lightningtv/solid/primitives",
"@lightningjs/solid-ui",
],
},If you don't want to find and replace you can use alias
resolve: {
alias: {
theme: "@lightningjs/l3-ui-theme-base",
"@lightningjs/solid": "@lightningtv/solid",
"@lightningjs/solid-primitives": "@lightningtv/solid/primitives",
},
},