前端大事记之几件大事

不知道大家都听没听说过这句哈&＃xff1a;前端的江湖总是不缺话题&＃xff0c;且从没有消停过&＃xff01;&＃xff01;&＃xff01;你要说没听说过&＃xff0c;那就对了&＃xff0c;这句话是我刚刚说的。但是这句话想必大家都听说过&＃xff1a;铁打的后台&＃xff0c;流水的前端。

什么意思&＃xff1f;就是后台技术几乎没什么变天&＃xff0c;前端技术一天一个样&＃xff0c;今天用这个&＃xff0c;明天用那个。变化多端的前端&＃xff0c;让我们前端程序员在爬坑的路上&＃xff0c;颠簸流离。

我们今天就一起细数一下最近几天发生的几件大事。

一、Airbnb 弃用 RN&＃xff0c;回归原生

就在 6 月 20 日&＃xff0c;Airbnb 技术团队在 Medium 上宣布&＃xff0c;Airbnb 放弃使用 React Native&＃xff0c;将回归到使用基于原生技术的自有框架开发 App。理由如下&＃xff1a;

React Native 并不能真正实现完全的跨平台抽象&＃xff0c;有时候仍然需要针对特定平台单独编写代码来解决问题。这就间接要求他们的工程师必须熟悉三个平台才能真正用好 React Native&＃xff0c;然而绝大多数开发者只熟悉一两个平台&＃xff0c;久而久之便引发了一系列的问题。

说实话&＃xff0c;相信使用 RN 的同学都很了解 Airbnb 描述的上述问题&＃xff0c;确实由于平台和交互的各种原因&＃xff0c;RN 给个别一些组件在 Android 平台和 iOS 平台提供的使用方式和组件都是有差异的&＃xff0c;导致对于一些界面需要我们单独判断编写。确实需要开发人员同时都得了解 Android 和 iOS 的特性与异同&＃xff0c;同时开发者还得了解 RN 技术。

RN 的坑确实很多&＃xff0c;不知道现在有多少人还在坑里&＃xff0c;或者在爬坑和填坑的路上&＃xff0c;但是大家也不要气馁&＃xff0c;因为接下来这件事&＃xff0c;可能会让你在 RN 的路上看到一些希望。

二、Facebook 正在重构 RN

最近 React 的工程经理 Sophie Alpert 在其官方博客上宣布&＃xff0c;Facebook 要重构 React Native&＃xff0c;让它加更轻量、更灵活性、更适应 Javascript 生态圈的发展。据说在过去的几年里&＃xff0c;他们发现最初的设计原则成为 Javascript 和原生应用之间的桥梁&＃xff0c;加大了某些特性的开发难度。比如&＃xff1a;

异步桥接意味着不能直接将 JS 逻辑与很多原生 API 集成在一起&＃xff0c;因为这些原生 API 是同步的。

另外&＃xff0c;批量桥接意味着&＃xff0c;RN 应用程序调用原生实现的函数会更加困难。对于完全使用 RN 构建的应用程序&＃xff0c;这些限制还是可以承受的&＃xff0c;但对于在 RN 与现有应用程序代码之间进行复杂集成的应用程序&＃xff0c;情况则变得相当糟糕。

因此&＃xff0c;Facebook 正在对 React Native 进行大规模重构&＃xff0c;让架构变得更加灵活&＃xff0c;并更好地与混合 Javascript / 原生应用开发中的原生基础设施集成。

通过这个项目&＃xff0c;他们将应用在过去 5 年中学到的知识&＃xff0c;逐步让架构更现代化。他们正在对 React Native 内部进行大量的重写&＃xff0c;当然大部分工作都是在底层进行的&＃xff0c;所以现有的 React Native 应用程序几乎不需要做出更改。

为了使 RN 更轻量化并能更好地适应现有的原生应用&＃xff0c;此次重构主要从三个方面进行&＃xff1a;

• 首先&＃xff0c;改变线程模型。UI 更新不再需要在三个不同的线程上执行&＃xff0c;而是可以在任意线程上同步调用 Javascript 进行优先更新&＃xff0c;同时将低优先级工作推出主线程&＃xff0c;以便保持对 UI 的响应
• 其次&＃xff0c;将异步渲染功能引入 React Native 中&＃xff0c;允许执行多个渲染并简化异步数据处理
• 最后&＃xff0c;简化桥接&＃xff0c;让它更快、更轻量。原生和 Javascript 之间的直接调用效率更高&＃xff0c;并且可以更轻松地构建调试工具&＃xff0c;如跨语言堆栈跟踪

原文地址&＃xff1a;https://facebook.github.io/react-native/blog/2018/06/14/state-of-react-native-2018

三、React 被 VUE 反超&＃xff1f;

.jpeg)

就在 Airbnb 在弃用 RN 之时&＃xff0c;React 的 star 数也被 VUE 反超。就在近几天&＃xff0c;Vue.js 在 GitHub 上的 star 数量终于超过了 React.js 的 star 数量&＃xff0c;并在不久之后双双破了 10W。

Vue.js 作为一个中国大神尤雨溪开发的前端框架&＃xff0c;是在 2014 年 2 月份开源的&＃xff0c;Vue.js 以其比 React 更简单&＃xff0c;更方便&＃xff0c;非常的火爆。在过去的两年中&＃xff0c;Vue 的增长速度比其他任何主流的 Javascript 框架都快&＃xff0c;最近赶上了 Angular.js&＃xff0c;并逐渐缩小了它与 Angular 和 React 之间的差距。

但是&＃xff0c;star 数并不能代表一切&＃xff0c;根据 NPM 软件包的下载量来衡量&＃xff0c;React 仍然在实际使用方面占据主导地位。它即将超过每月 1000 万的巨大下载量&＃xff0c;并且还一直保持着高速的增长。

四、Flutter 发布首个预览版

Flutter 是谷歌的移动 UI 框架&＃xff0c;可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作。在全世界&＃xff0c;Flutter 正在被越来越多的开发者和组织使用&＃xff0c;并且 Flutter 是完全免费、开源的。

它也是构建未来的 Google Fuchsia 应用的主要方式。

框架特性可以说是&＃xff1a;

1、快速开发

Flutter 的热重载帮助你快捷方便的试验、重构 UI、添加特性和修复 bug。在仿真器、模拟器和 ios、android 硬件上体验亚秒级的重载&＃xff0c;而不会丢失状态。

2、绚丽 UI

通过 Flutter 内建的漂亮的质感设计和 Cupertino&＃xff08;ios-flavor&＃xff09;小工具、丰富的动画 api&＃xff0c;平滑的自然滚动和平台感知&＃xff0c;让用户感到满意。

3、响应式框架

通过 Flutter 的现代响应式 (Reactive) 框架和丰富的平台布局和基础组件轻松构建您的用户界面。用强大而灵活的 apis 解决 2D、动画、手势、效果等难题。

4、访问原生功能

通过平台 api、第三方 sdk 和原生代码使您的应用变得生动起来。Flutter 让您可以重用您现有的 java、swift 和 Objc 代码&＃xff0c;并在 iOS 和 Android 上访问原生特性和 SDK。

Flutter 可以说是现在越来越到得重视&＃xff0c;也有要火的趋势&＃xff0c;但是其官方编程语言为 Dart&＃xff0c;也是一门全新的语言。所以说&＃xff0c;上手成本比较高&＃xff0c;对于移动端开发人员&＃xff0c;语言以及框架都是全新的&＃xff0c;整个技术栈的积累也都得从头开始。

Flutter 对于移动开发人员&＃xff0c;最诱惑的能力是其完全的跨平台特性&＃xff0c;不同于 RN 这种一处学到处写&＃xff0c;它是一处写到出跑。

另外 Flutter 不同于市面上的其他解决方案&＃xff0c;之前我们最常见的无非就是两类&＃xff0c;一个就是&＃xff1a;使用平台支持的 Web 技术&＃xff0c;还一个就是本地跨平台&＃xff0c;比如&＃xff1a;RN、Weex 等。但是 Flutter 跨平台最核心的部分&＃xff0c;是它的高性能渲染引擎&＃xff08;Flutter Engine&＃xff09;。Flutter 不使用浏览器技术&＃xff0c;也不使用 Native 的原生控件&＃xff0c;它使用自己的渲染引擎来绘制 widget。

对于 Android 平台&＃xff0c;Flutter 引擎的 C/C&＃43;&＃43; 代码是由 NDK 编译&＃xff0c;在 iOS 平台&＃xff0c;则是由 LLVM 编译&＃xff0c;两个平台的 Dart 代码都是 AOT 编译为本地代码&＃xff0c;Flutter 应用程序使用本机指令集运行。

Flutter 正是是通过使用相同的渲染器、框架和一组 widget&＃xff0c;来同时构建 iOS 和 Android 应用&＃xff0c;而无需维护两套独立的代码库。

最后

最后&＃xff0c;看到这里&＃xff0c;看到前端大事记之后&＃xff0c;不知道你有什么想法&＃xff1f;前端的变化多端&＃xff0c;前端技术的层出不穷&＃xff0c;是不是感觉前端技术变天比女人变脸还快&＃xff1f;但是&＃xff0c;其实也不用焦虑&＃xff0c;也不用担心&＃xff0c;一个技术的成熟到完全流行起来&＃xff0c;是需要时间的&＃xff0c;是需要过程的&＃xff0c;这段时间和过程&＃xff0c;就是你提高自己的最好时机。

面对千变万化的前端&＃xff0c;我对大家只有一个忠告和建议&＃xff1a;以不变应万变&＃xff0c;这个不变的就是学习。

文章首发于微信公众号&＃xff1a;非著名程序员&＃xff0c;关注我&＃xff0c;每天与 10 万开发者共同进步&＃xff0c;你离成功&＃xff0c;只差一个关注。