SolidJS Lightning

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.

Linkes:

ConnectedTV Dev

SolidJS Discord - Lightning TV channel

Documentation

SolidJS Lightning Docs

Demo App

Solid TMDB Demo App

Tested and working on Chrome < 38 and could go earlier

Playground

playground.solidjs.com

Quick Start

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

Video Quick (actually it's long) Start

Read the article: https://medium.com/@chiefcll/lightning-3-the-basics-of-solidjs-e6e21d73205e

Hello World

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

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

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

Migration Guide from previous repo:

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