性能直逼原生JS？这个前端框架牛逼了！

哈喽，大家好！我是前端实验室的小师妹!

听说有一款前端框架性能直逼原生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安装

npx degit solidjs/templates/js my-app
cd my-app
npm install # or yarn or pnpm
npm run dev # or yarn or pnpm

ts安装

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的更多功能不如由你来慢慢探索吧！