LANTEN

react-native 快速入门指南

2018-03-04

本文可以帮助一个熟练使用 javascript 的开发者快速上手 react-native

开发环境

react-native 中文网 现有详细且标准的开发环境搭建指南,参考下列链接

先去弄一个 hello world 再回来吧~

注意 :最好使用 Building Projects with Native Code 来搭建环境


模拟器选择

我认为 Android Studio 自带的模拟器足够好用了,没必要使用 Genymotion

以 Windows 平台 为例:

  • 打开Android studio
    img
  • 选择并安装一个合适的模拟器
    img

  • 可以通过双击模拟器直接运行

  • 也可以通过命令行运行

    • Windows:

      1
      %ANDROID_HOME%/tools/emulator.exe -netdelay none -netspeed full -avd Nexus_5X_API_27"
    • Mac:

      1
      ${ANDROID_HOME}/tools/emulator -avd Nexus_5X_API_27

Nexus_5X_API_27 是模拟器的名字,如果你安装了其他模拟器,请替换掉


正式开发

看到这里,恭喜你已经成功地创建了一个 RN 应用, 但这只是刚刚开始,学习和踩坑是一个漫长的过程
想要顺利进入开发,以下能力是必备的:


良好项目的架构

*重要 - 良好的项目架构可以提高 开发效率,降低后期维护成本
参考此文章:


Android 打包 release

参考此文章:react-native android 安卓平台 生成签名 + 打包发布


IOS 打包及 AppStore 上架

参考此文章:react-native App Store 上架流程


第三方组件

第三方组件社区 : js.coach

你可以在这里找到大多数维护良好的react-native第三方扩展组件,
一般在找到我们想要的组件后,进入这个组件的 github 仓库查看更多使用方法和搜索一些 issues,可以帮助我们更快的上手它


优秀第三方组件推荐

参考此文章:


优秀 IDE 推荐

参考此文章:


常见问题合集

参考此文章:


end

扫描二维码,分享此文章