changfuguo/react-native

这里记录我在react-native开发过程中遇到的各种问题及相关资源汇总

1、环境配置

1 官方文档必备：http://facebook.github.io/react-native/docs/getting-started.html#content

2 maven 国内镜像 及gradle的配置方法 天朝下载打包依赖实在是慢的要死，改成国内的 刷刷的，再也不用为翻墙发愁了 Gradle 修改 Maven 仓库地址

---

一个简单的办法，修改项目根目录下的build.gradle，将jcenter()或者mavenCentral()替换掉即可：

allprojects { repositories { maven{ url 'http://maven.oschina.net/content/groups/public/'} } }

2常用组件

1、顶部是导航栏 下面的当行的内容

react-native-scrollable-tab-view

看图

2、Listview向右滑动删除 react-native-swipeout

2、字体代替图片

demo期间 为了方便找一个字体做图标，不用放大N多个文件夹下 岂不是更好，于是找了react-native-icons 不过用了下之后感觉不如这个好用，建议用这个 react-native-vector-icons

3、 读取native文件 react-native-fs

这个个人感觉应该可能回用到，因为native和js之间可能会有一些通用的配置文件会读写

3开源的项目

1 知乎日报 ：ZhiHuDaily-React-Native

2、awesome-react-boilerplates 该片文章里介绍了几个号的rn开发模版，很是不错

snowflake - A React-Native starter kit using Redux, Parse.com, Jest

react-native-webpack-starter-kit - A minimalist boilerplate for starting React Native apps with Webpack and ES6/7 using Babel.

react-native-es6-babel - Configuration to build React Native apps with ES6 using webpack and Babel

react-native-es6-reflux - Boilerplate for iOS app development with React Native, ES6 and Reflux

react-native-tabbed - An unassumingly but sweet base for a native app with tabbed navigation and modal window support. Builds on the work of react-native-navbar. See it in use with React Native Icons in my Smartphone Symphony app.

3、拉钩网的一个开源项目

react-native-lagou

4、阅读类的app

刚毕业的小伙子做的，实在是不错；用的是redux+react native，我也在学习这个项目中 reading 对应的文章React-Native-With-Redux

5、一个音乐的网站soundredux-native 相关的文章 BUILDING A NATIVE SOUNDCLOUD ANDROID APP WITH REACT NATIVE AND REDUX

4开发文章

1、React Native模块桥接详解

2、React Native: Android 的打包

3、安装 React Native for Android 入门老虎

4、 安装包 React Native for Android 发布独立安装包

5、 React Native for Android 实践 -- 实现知乎日报客户端

6、****整理了一份React-Native学习指南 *****

7、****JSPatch – 动态更新iOS APP

8、react native的 生命周期

本文详细介绍了reat native组件生命周期的几个过程，涉及到props 和state的创建、改变以及何时更改、销毁组件，值得一看

9、 使用 JS 构建跨平台的原生应用：React Native iOS 通信机制初探 还是有点干货，讲的前端er比较能看懂；打包到机制建议阅读

10 、react-native-webpack-server

11、React Native通信机制详解

12、ReactNative For Android 项目实战总结

13、 H5、React Native、Native应用对比分析

14、React/React Native 的ES5 ES6写法对照表

好文，推荐，全面转向es6的写法

5 相关博主

1、[Jlog] (http://www.race604.com/)

2、srain

3、browniefed

4、 reactnative 开源论坛

6 开发工具

1、 https://rnplay.org/apps/we3HnA 在线调试react-native