Lynx-比ReactNative更丝滑的跨端方案
Lynx是什么?
Lynx是react前核心团队成员黄玄加入字节后,与字节团队一起研发并于前不久开源的一套新的跨端框架。
Lynx与ReactNative还是有很大区别,比如双线程、原生支持class选择器、原生支持很多最新css特性等等。
Lynx初体验
如果想体验,可以按照官网的快速开始上手玩一玩,不过对Node版本有要求
Lynx支持npm、yarn、pnpm、bun等包管理工具,此处我使用npm
1. 使用create-rspeedy快速创建一个Lynx项目
npm create rspeedy@latest
填写项目名,选择ts还是js、然后选择Lint工具(使用空格/上下键切换,enter键确认)
2. 稍等会,项目创建完成,按照提示进入项目、安装依赖、启动项目
cd project_name
git 初始化仓库(可不做)
npm install
npm run dev
3. win系统使用cmd运行时二维码会比较胡,无法扫描,可以使用powerShell或者使用vsCode的命令台运行
CMD运行生成的二维码
在vsCode中生成的比较清晰(不论控制台中的cmd/powershell均可)
4. 扫描下面二维码下载Lynx Explorer
此下载链接太慢的话也可以从我的gitee工具仓库获取:仓库链接
下载完成后在手机上( 安卓机,macOS需要从代码编译,参照官网介绍 ) 安装
5. 在手机安装完成后,扫描项目二维码
打开LynxExplorer
扫描项目二维码
你可以尝试对项目代码进行更改,保存后可以热更新。