Awesome
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).
<!-- Add reference link(s) here -->https://www.youtube.com/watch?v=hw3Bx5vxKl0
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