Skip to content

solid-tv/solid

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.

Used by companies worldwide

Angel Studios   Bell Fibe TV

Need Support?

SolidTV Docs

Join the SolidTV Discord - #SolidTV channel and message chiefcll

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

About

SolidTV Framework

Resources

License

Apache-2.0, Unknown licenses found

Licenses found

Apache-2.0
LICENSE
Unknown
COPYING

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors