Alita(https://github.com/areslabs/alita/)在处理React语法的时候,采用了一种运行时处理JSX的技术,相对于社区流行的编译时方案,在JSX语法的支持上更加完备,关于运行时处理JSX的原理,详情请看。 简单来讲运行时方案,把小程序看成是底层渲染平台,上层仍然运行的是React代码。

随着Typescript越来越流行,越来越的React Native项目开始使用Typescript开发,Alita自1.3.1版本引入对Typescript的支持。

初始化脚本

首先,alita支持在 init命令下,提供--typescript选项,通过指定--typescript, 可以建立一个初始的Typescript项目。

react-native init myapp && alita init myapp --typescript

注意 RN 0.60 以后的项目,IOS需要依赖CocoaPods,导致初始化项目很缓慢,可以通过 --version 指定版本。

init命令执行完,项目创建完之后。控制台会有如下输出:

转化Typescript 项目

以我们刚刚创建的myapp项目为例。 如果要Alita转化Typescript的项目,要怎么操作呢?

答案是:不用做任何特别的操作, Alita本身会检测ts/tsx文件,做相应处理。

alita -i myapp -o myappwp --watch

打开你喜欢的编辑器,开始coding... 吧。

Alita源码

另外 Alita的核心源码部分,包括wx-react, AST转化部分,将渐渐用Typescript改写。

最后

欢迎 试用 & issue & star。 (⁎⁍̴̛ᴗ⁍̴̛⁎)


ykforerlang
391 声望47 粉丝

不积跬步 无以至千里