React Native填坑之旅--重新认识RN-低调大师

React Native填坑之旅--重新认识RN

2017-11-15 582

如同黑夜里的一道光一样，就这么知道了F8. F8是每年一次Facebook每年一次的开发者大会。每次大会都会release相应的APP，iOS、Android都有。之前都是用Native开发的，但是2016的这一次是用React Native开发的。

FB开源了RN的App

这次fb不仅开源了纯RN写的App，而且一同发布的还有开发这个App的教程。FB承诺会不断的更新这个app。教程放在make it open。不幸的是这个站点居然被墙了！！！技术博也能被墙，心中跑过一万个草泥马！！！F8的App可以在app store和google play下到。不要着急下，我么先一睹F8的风采。

App的设计本身是没的说，而且两个平台的App都遵守了各自平台的设计规范。iOS的用底部的Tab bar，Android的用了侧边划入的菜单。Android的还没来得及用，在低版本、低配置的Android设备上尤其能反映出RN的性能如何。

facebook在F8教程中提到在fb的内部团队使用了RN后，app有大约85%的代码是可以重用的。这是着实减少了很多的开发量。而且使用RN可以快速的开发出app原型。

RN应用处理数据

在应用的开发中少不了需要处理一些数据。F8 使用了Parse实现了后端的功能。Parse很适合作为对数据依赖不那么强的应用的后端。具体Parse如何使用，各位可以查看文档。我们集中讨论RN应用。

一直以来RN都被认为是MVC模式里处理“View”部分的。但是React本身的特点又让这些略有改变。几个React组件组成了一个view，每一个组件内部都可以包含一些逻辑处理的代码。而这些逻辑处理的代码本来应该是由controller来处理的。

React提供了一种开发模式Flux。RN里就可以使用了Flux模式的最佳实践库Redux。Redux引入了Store的概念，提供了一个新的修改state的工作流，扩展了React的数据关系。你可以参考Flux如何使得React应用实现单向数据流的。

F8有一点需求，需要可以离线使用。正好Redux提供了可以存储和缓存方面的功能。用fb教程的话来说：“Redux提供了功能和易用的最佳平衡”。

其他

很多的公司虽然使用了React，但是没有使用Flow。这里有填坑番外来介绍flow的使用方法。Flow是fb为了保证js开发的时候能尽早，尽可能多的发现错误而开发的一款开源工具。

有很多的js错误，你不需要在代码运行起来以后才发现错误。只要几个flow命令就可以检测出来。如果使用Nuclide，这个React专用的开发工具的话，Flow会在你写完代码之后就给出提示。非常有帮助。

最后

这些应用开发的只是，以及开发对于开发一款React Native应用都有非常大的帮助。F8是一个开发和几个帮忙的设计开发出来的App。其中所使用的开发知识，第三方库和开发工具对于开发React尤其是React Native应用来说不是必不可少、也是非常有益的。学习掌握他们对于我们以后的开发都是大有裨益的！

欢迎加群互相学习，共同进步。QQ群：iOS: 58099570 | Android: 572064792 | Nodejs：329118122 做人要厚道，转载请注明出处！

本文转自张昺华-sky博客园博客，原文链接：http://www.cnblogs.com/sunshine-anycall/p/5996518.html ，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/389984

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Android SDCard UnMounted 流程分析（二）

上一篇讲到通过NetlinkManager发送uevent 命令到NetlinkHandler 的onEvent，代码如下： voidNetlinkHandler::onEvent(NetlinkEvent*evt){ VolumeManager*vm=VolumeManager::Instance(); const char*subsys=evt->getSubsystem(); if(!subsys){ SLOGW( " Nosubsystemfoundinnetlinkevent "); return; } SLOGD( " NetlinkHandler:OnEventsubsysvaluesis%s ",subsys); if(!strcmp(subsys, " block ")){ SLOGD( " NetlinkHandler:onEvent "); vm->handleBlockEvent(evt); } } 在NetlinkHandler 里面得一个VolumeManager，当收到的命令为block时调用VolumnManager的handle...

2017-11-15

663

本文对于runOnGLThread方法的分析主要目的是为了帮助我的课程“拇指接龙游戏”学员更好地理解EasyNDK这个开源框架的使用。借助于这个框架，实现Android JAVA端与Cococ2d-x C++端交互，以及iOS Objective-C端与Cococ2d-x C++端交互将变得异常容易----极大地减少了相关的JNI编程与Objecive-C编程的代码量。但是，在EasyNDK的Android版本示例中在Java主Activity端存在如下代码段： 1 2 3 4 5 6 7 8 9 10 11 public void ChangeSomethingInCocos() { this .runOnGLThread( new Runnable() { @Override public void run() { AndroidNDKHelper.SendMessageWithParameters( "ChangeLabelSelector" , null ); } }); } 上述代码中SendMessageWithParameters方法为什么要运行于r...

2017-11-15

698

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。