This project has moved: https://github.com/solid-tv/solid

The npm package is now @solidtv/solid. Follow the migration guide to switch an existing app.

SolidJS for LightningJS

Is a UI framework for LightningJS 3 Renderer built with SolidJS Universal Renderer. It allows you to declaratively construct lightning nodes with reactive primitives, with incredible performance.

Used by companies worldwide

 

Need Support?

ConnectedTV Dev

Join the SolidJS Discord - #Lightning TV channel and message chiefcll

Documentation

SolidTV Docs

AI Coding Guidelines

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