Skip to content

Latest commit

 

History

History
107 lines (73 loc) · 3.17 KB

File metadata and controls

107 lines (73 loc) · 3.17 KB

SolidTV

SolidTV

SolidTV is a UI framework for building high-performance TV applications. It allows you to declaratively construct UI nodes with reactive primitives, providing incredible performance on even the most constrained hardware.

Commercial support available from the creator of SolidTV: support plans, performance audits, migrations and Apple TV ports.

Used by companies worldwide

Angel Studios   Bell Fibe TV   Watch Brasil   CHEK News

Need Support?

SolidTV Docs

Join the SolidTV Discord - #SolidTV channel and message chiefcll

Commercial support - support plans with priority answers and bug fixes, performance audits for any web-based TV app, migrations to SolidTV, Apple TV ports and team training

Documentation

SolidTV Docs

AI Coding Guidelines

Demo App

SolidTV TMDB Demo App

Tested and working on Chrome < 38 and could go earlier

Playground

playground.solidjs.com

Quick Start

Clone starter template:

> npx degit solid-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

Watch the video

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

Hello World

import { render } from '@solidtv/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: "@solidtv/solid-primitives" with "@solidtv/solid/primitives" "@solidtv/solid" with "@solidtv/solid"

Update vite.config to dedupe solid:

resolve: {
    dedupe: [
      "solid-js",
      "@solidtv/solid",
      "@solidtv/solid/primitives",
      "@solidtv/solid-ui",
    ],
  },

If you don't want to find and replace you can use alias

resolve: {
    alias: {
      "@solidtv/solid": "@solidtv/solid",
      "@solidtv/solid-primitives": "@solidtv/solid/primitives",
    },
  },