Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@lightningtv/solid

Package Overview
Dependencies
Maintainers
0
Versions
88
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lightningtv/solid

Lightning Renderer for Solid Universal

  • 2.5.5
  • latest
  • Source
  • npm
  • Socket score

Version published
Maintainers
0
Created
Source

SolidJS Lightning

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

Watch the video

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

Keywords

FAQs

Package last updated on 06 Dec 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc