---

一、React Native愿景

• Learn once, write anywhere.
• 学习一次，写在任何地方。

二、技术优势

1、技术

• 代码共享，iOS 和 Android（甚至HTML5）只编写一套代码；
• 性能方面，与 Native 几乎相同；
• 动画方面，React Native 提供了非常流畅的动画，因为在渲染之前代码已转换为原生视图。

2、效率

• 调试时，无需每次代码变更都在编译器打包，可即时查看更改；
• iOS、Android 2人力变更成1人力。

3、发版

• 支持热更新，不用每次发版都发布应用商店；
• 发版时间自由控制，支持 iOS、Android 两平台同一时间发布。

三、底层内核

1、RN：helloWorld.jsx

<Text>
	Hello World!
</Text>

2、iOS：helloWorld.m

UILabel *text = [[UILabel alloc]
initWithFrame:CGRectMake(self.view.frame.size.width/2-50,
self.view.frame.size.height/2-25, 100, 50)];
text.text = @"Hello World!";
text.textAlignment = NSTextAlignmentCenter;
text.numberOfLines = 0;
text;

3、Android：helloWorld.xml

<TextView
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:text="Hello World!"
	app:layout_constraintBottom_toBottomOf="parent"
	app:layout_constraintLeft_toLeftOf="parent"
	app:layout_constraintRight_toRightOf="parent"
	app:layout_constraintTop_toTopOf="parent" />

4、Web：helloWorld.html

<div>
	Hello World!
</div>

四、行业背景

• 应用商店发版问题
• 两端研发不同步问题

五、选型建议

• 首次发布：2015年1月
• Github Starts：8.33w（2019年底）
• 社区活跃：非常活跃
• 组件：很丰富
• 学习曲线：低
• Native 性能：好
• 综合建议：React 技术全家桶业务建议选用 RN

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！