Skip to content

Quickly discover what the solid compiler will generate from your JSX template

Notifications You must be signed in to change notification settings

frenzzy/solid-repl-poc

 
 

Repository files navigation

Solid Template Explorer

This is the source code of the solid-template-explorer website. Through it you can quickly discover what the solid compiler will generate from your JSX templates.

There are 3 modes available:

  • DOM: The classic SPA generation mechanism
  • SSR: The server side generation mechanism
  • HYDRATATION: The client side generation for hydratation

Getting up and running

This project is built using the pnpm package manager. You should therefore install it before anything else.

Once you got it up and running you can follow these steps the have a fully working environement:

# Clone the project
$ git clone [email protected]:amoutonbrady/solid-repl-poc.git

# cd into the project and install the dependencies
$ cd solid-repl-poc && pnpm install

# Start the dev server, the address is available at https://localhost:1234
$ pnpm dev

# Build the project
$ pnpm build

Credits / Technologies used

  • solid-js: The view library
  • @babel/standalone: The in-browser compiler. Solid compiler relies on babel
  • codemirror 6: The in-browser code editor. This is the next version of codemirror rewritten in TS
  • tailwindcss: The CSS framework
  • parcel 2: The module bundler
  • workbox: The service worker generator
  • pnpm: The package manager
  • lz-string: The string compression algorith used to share REPL

About

Quickly discover what the solid compiler will generate from your JSX template

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 82.4%
  • JavaScript 7.2%
  • HTML 6.7%
  • CSS 3.7%