文档结构  
翻译进度:已翻译     翻译赏金:0 元 (?)    ¥ 我要打赏

在 Web 开发的背景下,React Native 拥有着神圣的光环。这个平台在过去数月中获得大量的关注,其主要原因就是可以使用 Javascript (以及 React/JSX) 相关的知识来写原生 Android 或 iOS 应用。自从它去年诞生以来,React Native 社区产生了非常多的开源模块(包),这极具吸引力。在写这篇文章的时候,在 NPM 中已经可以快速搜索到超过 2300 个包了。

来源: NPM 注册表

由于 React Native 团队采用快速的发布周期,React Natie 比以往任何时候都更稳定。话虽如此,任何新的库或框架都存在着需要注意的 Bug 和不合常规之处,React Native 也不例外。虽然这些问题中大多数需要由核心库来解决,但有一部分还是需要在开发时处理。

 

第 1 段(可获 2 积分)

React Native NPM 脚本

在过去的几个月里 ,我一直在使用 React Native 进行开发,并且我收集了很多battle-testing 的有关React Native packager的知识 。 构建系统, 和这些库的首要工作。 因为这些,我创建了一个能够帮助我快速开始我的React Native项目的NPM脚本集合。把这些有用的快捷方式当中使用这个平台的令人愉快的开发经验。

"scripts": {
  "start": "node node_modules/react-native/local-cli/cli.js start",
  "rc-start": "npm start -- --reset-cache",
  "clean": "rm -rf $TMPDIR/react-* && watchman watch-del-all && npm cache clean",
  "clean-start": "npm run clean && npm run rc-start",
  "fresh-install": "rm -rf $TMPDIR/react-* && watchman watch-del-all && rm -rf ios/build/ModuleCache/* && rm -rf node_modules/ && npm cache clean && npm install",
  "fresh-start" : "npm run fresh-install && npm run rc-start",
  "tron": "node_modules/.bin/reactotron"
}

我使用这些脚本在我所有的React Native 项目中,并且当项目疲惫的时候这些脚本真的起到了作用 (随机构建失败, 导入库的问题,等等). 下面是对

第 2 段(可获 2 积分)
npm run start / npm run rc-start

启动脚本非常简单。 他们只需运行React Native packager,并等待设备或模拟器获取JS Bundle。 rc-start命令有助于快速重置来自打包程序的缓存数据。 在同一机器环境中开发两个或多个不同的React Native应用程序时,可能会遇到缓存问题。

npm run clean / npm run clean-start

干净的脚本确保您始终使用干净的设置以获得最佳开发体验。 它可以帮助您从React临时文件夹中删除不必要的缓存的旧数据。 除此之外,它清除Watchman正在观看的任何文件,并重置本地NPM构建中的任何缓存。 干净启动效果以上所有,并启动包装程序(我最常用的脚本)。

第 3 段(可获 2 积分)
npm run fresh-install / npm run fresh-start

刷新脚本采用与清理脚本同样的模式,它删除 node_modules 和生成的文件并重新安装。fresh-start 脚本会运行 fresh-install 并开始一个干净的(清理了缓存的) React Native 打包工具。

附赠: Reactotron

使用 Reactotron — https://github.com/skellock/reactotron

注意到最后一个脚本叫作 tron,它为 Reactotron 运行了一个 Node 服务器。 Reactotron 是个非常不错的工作,它帮助你在终端 Shell 中调试和控制 React Native(以及 Redux)。如果你的开发过程中有使用 React 和/或 Redux,我建议你试试这个工具。

 

第 4 段(可获 2 积分)

这些脚本你可以随意使用,我相信他们有助于加速你的的 React Native 开发。如果你在 React Native 开发过程中使用了其它有用的脚本,也请让我知道,我可能会在自己的开发过程中用到它们。

感谢,

第 5 段(可获 2 积分)

文章评论