Learning Solid.js

Just one of the things I'm learning. https://github.com/hchiam/learning

It looks mostly like React, but compiles to real DOM nodes and works directly with the real DOM without using a virtual DOM, and uses true reactivity (surgically updates just the DOM elements necessary, without needing to refresh entire components).

https://www.youtube.com/watch?v=hw3Bx5vxKl0

https://www.solidjs.com

https://github.com/solidjs/solid

From scratch, with TypeScript

npx degit solidjs/templates/ts my-app # or npx degit solidjs/templates/js my-app
cd my-app
npm i # or yarn
npm run dev # or yarn dev
# http://localhost:3000

and in .tsconfig:

"compilerOptions": {
  "jsx": "preserve",
  "jsxImportSource": "solid-js",
}

Or installing as dependencies to existing project

npm install solid-js babel-preset-solid

and in .babelrc:

"presets": ["solid"]

Starting by testing out this repo

Using yarn: (triple-click to select all)

git clone https://github.com/hchiam/learning-solid.git && cd learning-solid/my-app && yarn && yarn dev
# http://localhost:3000

Or with npm: (triple-click to select all)

git clone https://github.com/hchiam/learning-solid.git && cd learning-solid/my-app && npm install && npm run dev
# http://localhost:3000

Learn more

https://www.solidjs.com

https://www.solidjs.com/tutorial/introduction_basics