React Native 初体验

2015年9月底开始正式接触React native，公司的ios团队用它写了一个安卓项目之后，到上周，公司彻底停止了RN的使用。

至于我们为什么停止使用RN，原因大致有两个：

一、RN对安卓的支持还不够好，而我们又恰恰选择尝试用RN来搞安卓端。

二、公司眼前的项目较多，把所有项目全部停用原生改用RN也不太实际。

尽管公司目前暂时停止了RN这个技术栈，但是我个人不会停止对RN的关注。

React Native 中文网

环境配置就不赘述了，关于RN的一些网站里的文档已经相当详细了。只是所有文档基本都告诉你安装Watchman和Flow，实际只是推荐你安装，所以不安装完全不影响你的开发，而且在RN的更新版本中有的时候安装了Watchman反而会导致一些不必要的麻烦。这里提一下，要不要安装自己取舍吧。

熟悉了RN的开发流程之后，再回到原生，多少会有不适感，其主要原因是RN的组件化真的有很多优点，适应之后就觉得各种好用。另一个原因就是调试效率高，基本晃一晃手机就能看到新代码的效果，这个是原生所不能的。

组件化和Flex布局是RN给我印象最深的，哦，还有状态State。文档基本涵盖了主流的移动端控件了，只是在RN不再叫控件而是组件。CSS样式的布局用Flex基本可以解决所有的需求了。至于状态值改变，render重新渲染这个点，确实方便。

印象深刻的：

RN Navigator教程

Navigator的反向传值，需要在设置initialRoute的时候同时用类似 " ... parameters " 的方式传参，下一级界面可以直接通过this.props.parameters拿到从上个页面传过来的值。至于反向传值，也是通过parameters只是传过去的是一个function，这点有点像ios里的Block。如果返回之后需要重新渲染页面的话那就得在function里面使用setState（）了，或者通过组件的生命周期在ComponentShouldUpdate里面重新刷新，当然这个方法还有bug，并不是每次都成功。

上段提到的组件的生命周期，这篇博客会帮到你：React Native中组件的生命周期

ES5和ES6写法对照表

React Native 初体验相关推荐

React 360 初体验介绍与环境搭建
React 360 初体验介绍从这章节内容呢,我们来学习并了解下什么是react 360,并使用它来开发一个360度可旋转大屏的案例项目.接下来,我们就一起来逐步揭开它神秘的面纱吧! 我们本章节将会 ...
乘风破浪React—01React初体验
React的起源 React起源于facebook公司工程师开发时的一个bug,三个消息提示图标右上角的数字显示实时未读消息的数目,过多的操作容易产生问题. 工程师很轻易的排查并解决的bug,但是他们 ...
react native 初构建之我等到花儿都谢了
啰嗦几句最近 react native 这货貌似很火,如果想让我从技术角度讲述她为什么那么火,那我就不献丑了.很多喜欢刨根问底的程序猿,攻城狮比我说的明白多了.从我的角度来说,我很喜欢 react ...
Spring Boot学习总结（30）—— Spring Native 初体验
前言 Spring Native 是 Spring 提供的.制作 native image 的技术方案.Spring官方博客于 2021 年 03 月 11 日宣布 Spring Native 的 ...
ssr Android简书,react ssr 初体验
用到的技术栈 react 16 + webpack3 + koa2 看看它是如何实现服务端渲染的,here we go! 为什么要用服务端渲染优点无非就是两点 SEO 友好加快首屏渲染,减少白屏 ...
H5、React Native、Native应用对比分析
@王利华,vczero "存在即合理".凡是存在的,都是合乎规律的.任何新事物的产生总要的它的道理:任何新事物的发展总是有着取代旧事物的能力.React Native来的正是时候, ...
React初体验-Hello React的组件化方式-React入门小案例
文章目录 React初体验 Hello React案例演练 Hello React案例升级 Hello React的组件化组件化的方式数据依赖事件绑定其他案例练习电影列表展示计数器的案例 ...
开始测试React Native App（下篇）
前言: 在开始测试React Native App(上篇)中编写了redux-upload-queue针对Reducer和Action Creator的单元测试,测试代码可以在这里查阅.这篇文章基于开 ...
在JS 中使用 fetch 初体验
在前端快速发展地过程中,为了契合更好的设计模式,产生了 fetch 框架,此文将简要介绍下 fetch 的基本使用. 在 AJAX 时代,进行 API 等网络请求都是通过 XMLHttpRequest ...

React Native 初体验

React Native 初体验相关推荐

最新文章

热门文章