如同黑夜里的一道光一样,就这么知道了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模式的最佳实践库ReduxRedux引入了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应用来说不是必不可少、也是非常有益的。学习掌握他们对于我们以后的开发都是大有裨益的!

最新文章

  1. 浅谈WEB安全性(前端向)
  2. Quartz.net配置文件实例及cron表达式详解
  3. BulkyCopy .Net
  4. 支持高并发的IIS Web服务器常用设置 II
  5. Unity Shader中自定义枚举类型
  6. ConfigParser读取记事本、notepad++修改后的配置文件会出现:ConfigParser.MissingSectionHeaderError
  7. Swift 算法实战之路:基本语法与技巧
  8. Debian 桌面美化
  9. Linux企业级项目实践之网络爬虫(24)——定制规则扩展为垂直爬虫
  10. .net后台 Silverlight 页面 动态设置 ASPX 页面 控件的Margin值(位置设置)
  11. [Head First Python]3. 文件与异常:处理错误
  12. 深入讲解HashMap原理
  13. Error:C:\Users\issuser\AndroidStudioProjects\SQLiteDemo1\.gradle\buildOutputCleanup\cache.properties (系统找不到指定的文件。)
  14. Python爬虫入门教程 19-100 51CTO学院IT技术课程抓取
  15. VBA读写ini 配置文件
  16. 并发基础(九) java线程的终止与中断
  17. js 中时间格式化的几种方法
  18. 界面设计中如何增强CTA按钮召唤力?
  19. NFS 它的目的就是想让不同的机器、不同的作业系统可以彼此分享个别的档案啦
  20. hadoop生态搭建(3节点)-15.Nginx_Keepalived_Tomcat配置

热门文章

  1. DIOCP之工作流程图
  2. asp.net LINQ防止SQL注入式攻击
  3. PO、VO、BO、DTO、POJO、DAO
  4. Cdnbes负载均衡的权重用法解释
  5. 笔记002:javascript简介
  6. (转) PowerDesigner逆向工程导入MYSQL数据库总结
  7. linux 如何显示一个文件的某几行(中间几行)
  8. Coursera 机器学习课程 机器学习基础:案例研究 证书
  9. C# SHA1散列算法
  10. 网络-->监控-->单位换算