国内近年来对 ReactNaitve 讨论的火爆程度不言而喻，可能你都已经用了一段时间的 RN4A 了。不过你是否清楚 RN4A 是如何初始化一个环境？Js 是何时通知 Native 渲染 UI 组件？从 RN4A 的环境初始化到 ReactView 呈现到 UI 的时候，RN4A 都干了什么？别急，接下来就为你揭晓这些问题的答案。

一眨眼又一年快要过去了，原计划今年的最后一个小目标（React Native）看样子要留尾巴到明年了，React Native 想说爱你不容易。怎么评价你呢？应用层 JSX 编写还是很友好的，尼玛框架接入的各种锅却让人痛哭不已，万事开头难，对于 React Native 的接入可以说大量工作可能都需要投入到框架接入中（各种灰度实验的兼容性、各种锅），一旦接入稳定以后真的就是尝到甜头了，然而到现在为止框架的稳定接入依旧需要投入大量时间。既然如此，为了连贯那就先来一发假装接入后的甜头 —- React Native 开发（Android 开发的角度来实现 React Native JS 应用）。 下面分享一个基于 React Native 的 Android 版个人业余实战项目，以便记录个人学习及运用 React Native 的一些总结；该篇为本项目 1.X 版本的实战总结，2.X 等版本的总结在做完及验证合入 master 以后再做入坑总结吧，所以这篇会比较简单。

有的时候我们使用 React Native 无法满足一些使用特定场景，这个时候就需要使用原生的 Android 方法，比如一些耗时的写操作，操作数据库或者多线程操作等。React Native 可以直接调用系统的 API（java 方法）, 实现 JavaScript 与 java 语言的通讯，如果 React Native 中没有满足我们需求的 Api, 可以封装原生的方法提供 JavaScript 调用。

React Native 作为一个有上千开发者参与的开源项目，自从 2015 年 3 月 27 日第一版发布以来到现在已经有 147 次版本发布了，平均起来几乎每周都会有新的版本发布。随着一次次版本的迭代，React Native 也逐渐稳定，版本发布频率保持在了每一到两周一次。新版本不停的迭代对于 React Native 开发者来说，及时升级 React Native 版本让项目能够使用更多的 API、新特性以及淘汰掉一些老的 API，不仅成为了一门必修课也是一个不小的挑战。 升级一个 React Native 项目不仅需要 JS 部分还牵扯到 Android 项目和 iOS 项目，尽管 React Native 官方极力降低升级的繁琐，但如果两个 React Native 版本跨度较大的话升级起来还是需要不少工作量的。在这篇文章中我将向大家分享 React Native 升级的流程指南以及我在升级 React Native 过程中的一些经验心得。

一个基于 React 全家桶（react、redux、react-router、immutable-js）以及 rxjs 的 QQ 音乐单页应用。 Demo 戳我：http://qqmusic.padabon.com. 安装 npm install 运行 npm start 访问 http://localhost:3000 小结与问题 使用 creat-react-app 构建项目，可以快速起手进入代码编写 使用 redux 可以方便的对播放状态进行存储与还原 使用 immutable-js 可以方便的进行 shouldComponentUpdate 判断 实际使用 immutable-js 并不那么舒服，需要使用 get 拿到 value，不能使用扩展运算符， 对于需要 localStorage 本地存储的 state，也只能使用 Map 和 List，其他数据类型并不能通 过 fromJS 进行还原，容易与原生 Object 和 Array 混用，或许 seamless-immutable 是更好的 选择，更可能只是我使用姿势不对 react 动画并不能达到理想效果，搜索页的 tab 切换使用了一下，大概还没领悟正确的使用方法 由 redux-sagas 替换为 redux-observable，只是觉得 rxjs 更有趣强大 css 都是 QQ 音乐页面的，css in js 似乎不错 React 全家桶起手比较困难，上手之后还是比较顺手的 使用不当的的地方，欢迎反馈、建议等~ ... Todos 测试 服务器端渲染 使用 normalizr Web Audio Api 动画 ... 欢迎各种反馈、建议等~

本文为 Marno 原创，转载必须保留出处！ 公众号【 aMarno 】，关注后回复 RN 加入交流群 React Native 优秀开源项目大全：http://www.marno.cn 一、前言 前段时间写了一篇关于React Native入门的教程《给所有开发者的React…

本文为 Marno 原创，转载必须保留出处！ 公众号【 aMarno 】，关注后回复 RN 加入交流群 React Native 优秀开源项目大全：http://www.marno.cn 建议先下载好资料后，再阅读本文。demo代码和资料下载 目录 一、前言 二、回答一些问题 …