SolidJS: Getting Started
summary
Starter meta-framework named SolidStart leverages Vite’s plugin system to add SSR, file-system routing, type-safe server functions and optimistic-action primitives without a bespoke router. Demo ports a Hacker News app, flips SSR via one config flag, and experiments with islands to reduce payload from about 15 kilobytes to 5 kilobytes of client JS while keeping client navigation. Server functions power parallel data resources, per-action invalidation and progressive-enhanced forms. Setup is npm init solid and it builds and runs as shown.
AI-written summary · about
chapters (12)
- 0:00Introduction to Solid.js
- 0:56Reactivity and philosophy
- 2:59The role of Vite plugins
- 3:59Framework goals and challenges
- 5:48Leveraging Vite for Solid
- 7:48Server functions and data
- 10:02Actions and mutations
- 12:37Hacker News demo
- 14:14Adding server-side rendering
- 15:57Interactive islands experiment
- 18:33Hybrid rendering approach
- 19:32Getting started with Solid
