@lightningtv/solid

solid-lightning

Solid-Lightning is a UI framework for Lightning 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. Also check out Solid Lightning Primitives for additional primitives to speed up your development.

Documentation

SolidJS Lightning Docs

Demo App

Solid TMDB Demo App

Playground

playground.solidjs.com

Quick Start

Clone starter template:

> npx degit lightning-js/solid-starter-template my-app
> cd my-app
> npm i # or yarn or pnpm
> npm start # or yarn or pnpm

Video Quick Start

Hello World

import { render, Text } from '@lightningjs/solid';

render(() => <Text>Hello World</Text>);

For a more detailed Hello World guide check out the Hello World guide.

Migration 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",
      "@lightningjs/renderer",
    ],
  },

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",
    },
  },