专栏首页贾鹏辉的技术专栏@CrazyCodeBoyReact Native年度报告(2017-2018)

React Native年度报告(2017-2018)

概述

在过去的一年中React Native经历了从v0.40到v0.52的十几次的版本迭代,我们看到在这十几次的版本迭代中React Native的组件库在不断地壮大,在新引进的组件中既有FlatList、SectionList等具有更高性能的列表组件,也有与时俱进的用于适配全屏幕的SafeAreaView组件,同时呢,一些性能较差、无法适应React Native未来发展的一些老的组件,如:ListView、Navigator等组件也逐渐退出了沙场。

本文将向大家总结React Native在过去的一年中的重要变更,以及新组件,新API的适配建议。通过本文希望能帮助你快速的了解React Native在过去一年中的重要更新,如何让你的APP去更快的应用React Native新的特性,让React Native新的组件及特性来提高你应用的性能与体验。

同时呢也为大家精心准备了《React Native实战课程》,此课程会持续更新。

图解React Native年度报告

变更组件、API说明

新增组件说明

组件

最低支持版本

说明

CheckBox

0.49

一个用在React Native上的复选框组件,<font color=#FF0000>(目前仅支持Android,未来会对iOS做支持)</font>

ImageBackground

0.46

新增的背景图片组件,它是一个容器组件,支持包含其他组件

VirtualizedList

0.43

FlatList 和 SectionList 的底层实现。

FlatList

0.43

基于VirtualizedList的高性能简单列表组件。

SwipeableFlatList

0.50

一个带滑动显示更多菜单的FlatList组件;

SectionList

0.43

基于VirtualizedList的高性能分组(section)列表组件。

MaskedViewIOS

0.48

可以为组件添加一个透明的遮罩;

SafeAreaView

0.50

用于包裹其他View,它会自动应用填充布局中不足的一部分,但不包括navigation bars, tab bars, toolbars等视图。

新增API说明

组件

最低支持版本

说明

AccessibilityInfo

0.47

一个用于判断屏幕阅读器是否处于激活状态的API。

DeviceInfo

0.44

一个类专门提供屏幕尺寸,字体缩放等信息的API。

BackHandler

0.44

监听设备上的后退按钮事件(Android、Apple TV)。

findNodeHandle

0.45

用于获取组件的本地节点句柄的API。

TVEventHandler

0.43

一个用于接受Apple TV远程事件(如遥控器的事件)的API。

YellowBox

0.44

通过这个API可以屏蔽指定的警告。

其他变更说明

组件

最低支持版本

说明

ViewPropTypes

0.44

View 中的 propTypes 被移到 ViewPropTypes中。

takeSnapshot

0.44

将 takeSnapshot 方法从 UIManager 移动到 ReactNative。

过时、移除说明

组件

最低支持版本

说明

BackAndroid

0.44

使用功能更丰富的BackHandler代替;

Navigator

0.43

使用react-navigation代替;

ListView

0.43

使用FlatList代替;

MapView

0.43

使用react-native-maps代替此地图组件;

RecyclerViewBackedScrollView

0.42

这个组件是很久之前为了解决 scroll-back-when-data-is-added 这个bug而添加的,但是现在已经直接通过ScrollView内部代码解决了这个问题。

AdSupportIOS

0.48.4

使用react-native-deprecated-modules或react-native-idfa代替;

NavigationExperimental

0.44.3

使用react-navigation代替;

以上便是同时React Native 2017-2018的年度报告,另外你也可以通过学习《React Native实战课程》来获得React Native的更多实战经验及技巧;

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • React Native 学习资源精选仓库

    React Native Awesome汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等,只求精不求全。 如果你是...

    CrazyCodeBoy
  • React Native升级指南|v0.40+升级适配经验与心得

    React Native作为一个有上千开发者参与的开源项目,自从2015年3月27日第一版发布以来到现在已经有147次版本发布了,平均起来几乎每周都会有新的版本...

    CrazyCodeBoy
  • 教你轻松修改React Native端口

    告诉大家一个好消息,为大家精心准备的React Native视频教程发布了,大家现可以看视频学React Native了。 当我们运行一个React Na...

    CrazyCodeBoy
  • beeshell:开源的 React Native 组件库

    beeshell 是一个 React Native 应用的基础组件库,基于 0.53.3 版本,提供一整套开箱即用的高质量组件,包含 JavaScript(以下...

    美团技术团队
  • React 新手笔记

    团队的技术栈是 React saga + tcff(内部开源的框架,类似 dva)+ tea(内部开源的 UI 框架)

    kmokidd
  • React面试基础

    React是一个为数据提供渲染为HTML视图的开源JavaScript库。拥有虚拟DOM、组件化设计模式、声明式代码、单向数据流、使用JSX描述UI信息等特点。

    Cloud-Cloudys
  • React入门心得及使用tips

    React目前在前端的影响力就不多说了,不管你目前有没有入坑React,估计都见过不少各种相关的新闻和技术文章。如果你有入坑React的打算,或者刚开始学习Re...

    IMWeb前端团队
  • 11个React Native 组件库和 Javascript 数据可视化库

    超过 10k stars 和 1k fork,NativeBase 是一个广受欢迎的 UI 组件库,它为 React native 提供了几十个跨平台组件。当使...

    前端小智@大迁世界
  • React入门心得及使用tips

    1 前言 React目前在前端的影响力就不多说了,不管你目前有没有入坑React,估计都见过不少各种相关的新闻和技术文章。如果你有入坑React的打算,或者刚开...

    IMWeb前端团队
  • React高级特性解析

    使用API React.createContext  返回的是组件对象 可以利用结构的方式

    憧憬博客

扫码关注云+社区

领取腾讯云代金券