This is the source code of the solid playground website. Through it you can quickly discover what the solid compiler will generate from your JSX templates.
There are 4 compile modes available:
- DOM: The classic SPA generation mechanism
- SSR: The server side generation mechanism
- HYDRATION: The client side generation for hydration
- UNIVERSAL: The client side generation for universal (custom renderer)
This project is built using the pnpm package manager.
Once you have it installed, follow these steps to get a fully working environment:
# Clone the project
$ git clone https://github.com/solidjs/solid-playground
# cd into the project and install the dependencies
$ cd solid-playground && pnpm i
# Start the dev server, the address is available at http://localhost:5173
$ pnpm run dev
# Build the project
$ pnpm run build- solid-js: The view library
- @babel/standalone: The in-browser compiler. Solid compiler relies on babel
- CodeMirror: The in-browser code editor, backed by the TypeScript language service and ESLint in a web worker
- dockview: The panel layout
- Panda CSS: The CSS framework
- Zag: The UI state machines
- vite: The module bundler
- pnpm: The package manager
- lz-string: The string compression algorithm used by legacy share links