哈喽，大家好！我是前端实验室的小师妹!
听说有一款前端框架性能直逼原生JS？
号称拥有 JSX 语法，类似于 React hook 的语法，可以用现代化的开发方式，获得性能最快的代码。
网友戏称这就是理想中的 React!
那就让我们来了解下这个牛逼的框架吧~
SolidJs
Solid 是一个用于构建用户界面的声明式、高效且灵活的 JavaScript 库。
Solid 支持现代前端特性，比如...
这不比 React 还 React么！
SolidJs 特性
- 直接使用浏览器的 DOM, 没有 虚拟DOM， DOM diff 一整套算法,他的 DOM ，是原生 DOM！
- 支持现代功能，如 JSX、Fragment、Context、Portals、Suspense、Streaming SSR、Progressive Hydration、Error Boundaries 和 Concurrent Rendering
- 具有高性能，并且具有极小的打包体积，适合打包为独立的模块嵌入其它项目压缩后的代码体积非常非常
- Solid 上手简单，贴合 React 或是 Vue3 开发者的使用习惯
- 提前编译，按需打包，通过预编译，将 jsx 部分的代码，转换成原生的语法
性能比较
Solid.js 很快,嗯...确实很快,无限接近原生JS，甩开Svelte ，React俩条街~
安装使用
js安装
代码语言：javascript复制npx degit solidjs/templates/js my-app
cd my-app
npm install # or yarn or pnpm
npm run dev # or yarn or pnpm
ts安装
代码语言：javascript复制npx degit solidjs/templates/ts my-app
cd my-app
npm install # or yarn or pnpm
npm run dev # or yarn or pnpm
安装完成后，打开 https://localhost:3000 即可预览：
示例
Solid.js 使用了 React 的许多符合人体工程学的部分，同时最大程度减少了混乱和错误。
作为 渐进式框架，他们都将 核心库 与 渲染库 分离开来，Solid.js的更多功能不如由你来慢慢探索吧！
点击下方卡片，回复关键字 20220906 获取项目地址~
写在最后
欢迎加入前端实验室读者交流群，群里有不少技术大神，不定时会分享一些技术要点，更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~
进群方式：在下方公众号后台，回复 111 ，按提示操作即可进群。
如果该文章对你有帮助，那么就点击右下角的 [点赞]「在看」，给一个小小的鼓励吧~
