红叶

React Native 资源

2017-07-17  本文已影响68人  红叶丶秋鸣

学习资源

文档

  1. 知识图谱
  2. React Native 官网(英文)
  3. React Native 中文网
  4. React Navigation
  5. Redux 入门教程(一):基本用法
  6. Redux 入门教程(二):中间件与异步操作
  7. Redux 入门教程(三):React-Redux 的用法
  8. Redux 中文文档
  9. Redux 英文文档
  10. MobX 官方文档

视频

  1. React Native 零基础入门到项目实战(网易云课堂)
  2. React Native 中文社区视频
  3. React Native 基础知识(百度网盘)

开源项目

  1. react-native-Gank
  2. GankCamp-React-Native
  3. react-native-cnblogs

UI 组件

  1. react-native-vector-icons
  2. react-navigation ( 导航 )
  3. Ant Design ( UI )
  4. react-native-tab-navigator( 底部导航 )
  5. react-native-i18n(国际化)
  6. react-native-branch-deep-linking(深度分享)
  7. react-native-modal-datetime-picker(日期时间选择)
  8. react-native-popup(弹窗)
  9. react-native-marquee(跑马灯)
  10. react-native-parabolic(加入购物车动画)
  11. react-native-linear-gradient(渐变色)
  12. react-native-calendars(日历)

小技巧

  1. 初始化指定版本项目
$ react-native init AppName --version 0.44.0
  1. 安装指定版本插件
$ npm install react-native-vector-icons@3.x --save
  1. 调试
$ adb logcat *:E: 命令
$ react-native log-android

3分钟带你玩转React Native研发所有调试技巧

  1. fetch
    POST 请求必须注明 headers
    参考: http://reactnative.cn/docs/0.44/network.html

  2. 自定义方法
    在自定义方法中使用this时,引用方法需要bind(this),如:this.method.bind(this)。箭头函数无需bind

  3. 打包 APK 失败时,尝试删除 /android/app/build 文件夹后重试

上一篇 下一篇

猜你喜欢

热点阅读