未来1年web前端新趋势都在这了,有图有真相!
今天是 2019 年的第一个工作日,意义非凡。
既然是工作日,无论你有没有从假期综合症里反应过来,小码都要带你快速回顾一下:
2018 年的 web 前端开发的重要新闻、重要事件和 JavaScript 的各种流行框架、模式发展趋势。
快速回顾,也就意味着篇幅精悍,重点突出,也就可能难免有不当和错误之处,如果有,敬请指正和留言讨论。
知识之旅开始:
NPM 热门前端框架下载
老规矩,先来看最热门的几个框架 npm 下载量图
图里不难看出 十年霸主 jquery 依然稳定吗而且还有略高的上扬趋势,这可能亚太地区提供了不少帮助,毕竟很多老项目还是很依赖 jquery。
React 继续其统治地位无人能及
React 多年来一直主导 Web 开发,2018 年它根本没有放慢速度。根据 Stackoverflow 调查它仍然是最受欢迎的库之一。
核心 React 团队非常积极地更新库并添加功能。在整个 2018 年,我们看到了 React v16 版本的许多新增内容,包括新的[生命周期方法],[新的上下文 API],[指针事件],[惰性函数]和[React.memo]。
React Hooks 得到了一些响亮的反馈,很多开发人员喜欢这个更新。挂钩是一种使用该 useState 功能向功能组件添加状态的方法,它还将管理生命周期事件。
不会 React 的同学不要着急,下面有 Vue 何 Angular 的,统统都有。如果你想学,小码也找到了很多原生教程,这是链接,不过前提是你最好英语不错。
戳这里看 40 个最佳 react 教程(老外的)
Vue:2018 年前端世界明星
Vue 在 GitHub Stars 中比 React 的星星增长还多,在 2017 年 Vue 迅速爆发之后,Vue 在 2018 年继续增长。实际上,它甚至超过了 React 在 GitHub 上收到的星星数量。
不过,虽然 Vue 很受欢迎,但在实际使用中它仍然以 React 和 Angular 为后盾和体系支持。
Vue 拥有一大批热情的用户群,而且还在不断增长,而且 vue 看起来将成为未来几年前端频繁使用的一个,其实更多的国人贡献超乎寻常的猛。
另外,Vue3.0 已经在拟定发布中了,更多的性能优化和提升,不要担心语法层面改变,更多关于 Vue3.0 的文章和新闻,我后续会第一时间持续跟进,还是那句话,信小码,得永生!
Angular 继续亦步亦趋,发布 v7 版本
10 月,Angular 在其流行的 UI 框架的第 7 版中又发布了另一个主要版本。从早期的 AngularJS MVC 架构到使用组件的更现代的 Angular 包,Angular 已经有了大量的增长。
但据我调查和感受,由于 angular 的庞大性和系统性,国人用它的越来越少,老外到是依然情有独钟。
因为虽然 Angular 与 React 和 Vue 等图书馆没有相同的狂热粉丝,但它仍然是专业项目的热门选择。
许多开发人员在使用 React 时都会感到疲劳,因为它需要工程师在管理构建管道的同时做出许多依赖关系和架构决策。而 Vue 虽然入门简单,但太过灵活和不成体系,对一些进阶比较困难。
另一方面,Angular 是一个高度自以为是的完整框架,CLI 管理所有构建步骤。专业环境的另一个好处是 Angular 需要 TypeScript。Angular 已经在 Web 开发世界中树立了独立的价值,并继续被采用,业界很多标准都是 Angular 第一个发明和采用的。
如果要学习 Angular 的戳这里:Angular 教程
另外放一个 三大前端法宝 热门图
新技术和新概念
1、GraphQL 、PWA 、WebAssembly
GraphQL 已被 GitHub 等技术领导者采用。然而,它并没有像一些预测的那样快速地起飞。
据 JS 状态调查显示,只有 1/5 的前端开发人员使用过 GraphQL,但是有惊人的 62.5%的开发人员已经听说过它并希望使用它。
PWA 和 WebAssembly 这两个东西,如果你们现在还不懂或者没接触没关系,我会出一系列教程,我们一起学,持续关注北妈就好。
因为这个以后,会越来越流行,只不过现在还不重要。
2、各种 CLI 工具封装
众所周知,要跟上最新的库,正确配置应用程序并做出正确的架构决策,这可能会让人感到筋疲力尽。
这种痛苦催生了管理工具的 CLI 包的创建,允许开发人员专注于应用程序和业务逻辑。
大家熟知和不熟知的 流行的框架包括 Next.js(SSR for React),Create-React-App(客户端 React),Nuxt.js(SSR for Vue),Vue CLI(客户端) -side Vue),React Native 的 Expo CLI,默认情况下使用 Angular
3、静态站点话题 重新兴起
随着 JavaScript 革命的发生,每个人都喜欢学习最新最好的图书馆,但现在事情已经解决,我们已经意识到并非每个网站都需要是一个复杂的单页面应用程序(SPA)。
这导致了静态站点生成器的增长。
这些工具允许你在你喜欢的库中编写代码,例如 React 或 Vue,但在构建期间生成静态 HTML 文件,允许我们立即向用户提供完全构建的页面。
静态站点非常适合构建个人网站或博客,但它们可以轻松扩展到更大的应用程序。我们已经看到了用于构建静态网站的流行框架的兴起,例如 Gatsby 和 React Static for React 应用程序,以及 VuePress for Vue 应用程序。
事实上,静态网站已经变得如此受欢迎,以至于盖茨比实际上已经组建了一家公司,并在去年的开源框架中获得了风险投资资金。
4、TypeScript 可能是 JavaScript 的未来
JavaScript 因没有静态类型变量而受到批评。试图纠正这个问题的两个主要库是 TypeScript 和 Flow,但 TypeScript 看起来是最受欢迎的。
事实上,在 Stack Overflow 调查中,TypeScript 的评分高于 JavaScript 本身,为 67%,而最受喜爱的语言为 61.9%。
根据 JS 的状态调查,超过 80%的开发人员希望使用 TS 或已经使用它并享受它。对于 Flow,只有 34%的开发人员正在使用它或想要使用它。
根据所有迹象,TypeScript 是 JS 中静态类型的首选解决方案,许多人选择使用普通的 JavaScript。在 2018 年,TS 的 npm 下载数量大幅增长,而 Flow 保持不变。
不管承不承认,TS 已经成为流行了,唉,又学不到了吧?
5、Webpack 又发布新版本
Webpack 3 发布仅 8 个月后,版本 4 发布了。Webpack 4 继续推动简化和更快的构建,声称高达 98%的改进。它选择合理的默认值,在没有插件的情况下处理更多功能,并且不再需要使用配置文件。Webpack 现在还支持 WebAssembly 并允许您 import 直接使用 WebAssembly 文件。
6、编辑器话题 VScode 成为新霸主
一张图足够了,不过我依然是 sublime text 先行。毕竟瑞士军刀不能丢。
预测、展望 2019
2019 的大方向展望,从这几点学准没错。
- 随着基础的到位和不断推动改进的 Web 体验,WebAssembly 将开始看到更多的生活。
- React 保持领先,但 Vue 和 Angular 继续在用户中增长。
- CSS-in-JS 可能会成为默认的样式方法而不是纯 CSS。
- 可能是开发人员再看看本机 Web 组件吗?
- 毫不奇怪,性能仍然是一个焦点,诸如 PWA 和代码分割之类的东西成为每个应用程序的标准。
- 在 PWA 采用的基础上,网络变得更加原生,具有离线功能和无缝的桌面/移动体验。
- 我们继续看到 CLI 工具和框架的增长继续抽象到构建应用程序的繁琐方面,允许开发人员专注于生成功能。
- 越来越多的公司采用具有统一代码库的移动解决方案,如 React Native 或 Flutter。
- 集装箱、CLI 化(即 Docker,Kubernetes)的影响在前端过程中变得更加普遍。
- GraphQL 在采用方面实现了飞跃,并在更多公司中得到应用。
- TypeScript 开始成为标准 JavaScript 的默认选择。
- 虚拟现实使用 A-Frame,React VR 和 Google VR 等框架向前迈进。
结束语
还没看尽兴?篇幅已经很长了,其实每个话题都可以单独写一篇长文出来。
Vue 继续流行、React 依然是前端霸主,但万变不离其宗,所以 2019,我们一起努力进化!
写和翻译这种总结文其实很费精力,不但要查数据,还要自己总结,还不能错,所以各位
“不存在十全十美的文章,如同不存在彻头彻尾的绝望”
今天就先到这里,我们明天见。
码云笔记 » 未来1年web前端新趋势都在这了,有图有真相!
Vue还是目前最热的