适用于React Native iOS开发的My Development Toolset 2019

大家好! 我想介绍一下我正在使用的React Native iOS开发工具,播放列表,服务,测试,库和网站以及在MacBook Pro 2015和2011上学习的最新选择。

更新:2019年10月30日。

工具类

有一些不同的开发环境DECOEXPO 或者您可以使用核素 通过 原子 。 我现在使用EXPO XDE。 不要使用DECO家伙。 因为从您的计算机上删除DECO后,DECO仍然保留800MB。 不知道为什么 如果您真正使用真正的IDE,则可以使用PyCharmWebstrom

雪花意大利辣香肠 Ignite是适用于iOS的React Native入门套件。

f8App提供了教程来帮助您开始使用React Native。

React Native Expo的游乐场。 您还可以找到有关Expo的惊人应用

CodePush是另一个救生器。 此工具是一项云服务,可将移动应用程序更新直接部署到其用户的设备。

Npm桌面管理器 帮助轻松添加,删除,更新全局和本地软件包。

Sentry是一个跨平台的崩溃报告和聚合平台。

ESLint and Flow将帮助您编写更多质量和正确的代码。

DevTools for Redux有助于热重载,动作重播和可自定义的UI。

图书馆

开源React Native 应用的精选列表

NativeBase是React Native必不可少的跨平台UI组件。 我们可以从一个文件而不是每个组件更改应用程序的外观。

MobX是类似于Redux的状态管理库,Redux是当前的实际状态管理库。 但是,MobX尽可能简单。

React Native Apple HealthKit是用于与Apple HealthKit数据进行交互的桥接模块。

样式组件是组件年龄的视觉图元。

React Color是来自Sketch,Photoshop,Chrome,Github,Twitter,Material Design等的拾色器的集合。

本机导航React Native Router Flux或Vix 响应本机导航用于页面之间的转换。

Axios用于Http请求。

Redux状态管理库–它们与React结合在一起。 看看这个很棒的redux 回购 和游乐场(redux直接工作) 区域

矢量图标提供按钮,徽标,导航栏和标签栏。 易于扩展,样式化和集成到您的项目中。

tcomb表单本机生成基于域模型的表单。

React Native Elements是一个可靠的选项,可提供您需要的所有UI工具包。 但是问题是为什么呢? 因为您可以构建自己的组件。

Lottie在iOS应用中渲染Adobe After Effects动画。 Lottie的不同之处在于以JSON格式加载动画数据并实时渲染动画。 签出免费文件

react native设备信息库是React Native iOS和Android的设备信息。

测试中

笑话 是一个轻松的React Native测试库。

茉莉花将在引擎盖下进行各种测试。

后端

如果您有React经验,则可以使用mern.io构建自己的后端。 Mern建立在Mongo,Express,React和Node之上。 但是,如果您有Angular的经验, mean.io将是您更好的解决方案。 如果您没有这些经验,那么Meteor就是您的理想选择。

网站

您可以在此处找到难以置信的ReactNative示例React.Rocks

React Native github页面网站

使用React制作的是使用React Native的网站和应用程序的集合。

Start React是一个免费下载React.js主题和模板的库。

来自Web的ReactEx UI组件已交付给您的收件箱。

我分享我最喜欢的React Native 网站。

很好的React Native 通讯

Facebook React本机页面

帮助人们开始使用React Native – ReactNativeExpress的指南和参考。

调试

使用React Developer Tools将调试工具移植到Chrome Developer Tools。

react-devtools 可与React DOM和React Native for React页面一起使用。

反应堆 使我们能够深入了解我的Redux存储状态,操作,sagas,日志等,而无需始终打开浏览器标签进行调试。

服务

React适用于Intercom.io的本地包装器 是一个消息传递平台,可帮助与消费者建立联系。

Testfairy HockeyApp Buddybuild Applivery是用于React Native的beta测试工具。 我最喜欢的是Buddybuild。

Sentry是一个错误报告工具,具有大量有用的设备特定数据,并提供带有本机和JS堆栈跟踪的整体报告。

条款

  • 组件 :组件是您的本机应用程序的可组合构建块。
  • JSX :JSX是用于将XML嵌入JS的语法。
  • 组件生命周期 :生命周期有助于管理不同平台API的复杂性
  • 道具 :道具是将数据从父母传递给孩子的方式
  • 状态 :状态是组件数据在给定时间点的外观

播客

我想添加播客部分。 因为我听了很多关于ReactNative的精彩播客,他们分享了很好的经验,对我有帮助。

其中之一反应本地电台 请不要读第18章。

而已。 😃😃😃感谢您的阅读。 我希望所有这些工具包都能在开发React Native时帮助您提高生产率。

如果您想在社交媒体上关注我,这里有一些链接。 github,twitter,linkedin

您可以 在这里 查看我以前的文章