5分钟看懂，将来1年Web前端开发最新趋势

首先，展望将来趋势咱们就要弄懂过去的一年，也就是18年，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教程(外国开源资料)：

https://gitconnected.com/learn/react

2、Vue：2018年前端世界明星

Vue在GitHub Stars中比 React 的星星增加还多，在2017年Vue迅速爆发以后，Vue在2018年继续增加。实际上，它甚至超过了React在GitHub上收到的星星数量

不过，虽然Vue很受欢迎，但在实际使用中它仍然以React和Angular为后盾和体系支持。

Vue拥有一大批热情的用户群，并且还在不断增加，并且vue看起来将成为将来几年前端频繁使用的一个，其实更多的国人贡献超乎寻常的猛。

另外，Vue3.0 已经在拟定发布中了，更多的性能优化和提高，不要担忧语法层面改变。

3、Angular继续亦步亦趋，发布v7版本

10月，Angular在其流行的UI框架的第7版中又发布了另外一个主要版本。从早期的AngularJS MVC架构到使用组件的更现代的Angular包，Angular已经有了大量的增加。

但据我调查和感觉，因为angular的庞大性和系统性，国人用它的愈来愈少，老外到是依然情有独钟。

由于虽然Angular与React和Vue等框架没有相同的狂热粉丝，但它仍然是专业项目的热门选择。

许多开发人员在使用React时都会感到疲劳，由于它须要工程师在管理构建管道的同时作出许多依赖关系和架构决策。而Vue虽然入门简单，但太过灵活和不成体系，对一些进阶比较困难。

另外一方面，Angular是一个高度自觉得是的完整框架，CLI管理全部构建步骤。专业环境的另外一个好处是Angular须要TypeScript。Angular已经在Web开发世界中树立了独立的价值，并继续被采用，业界不少标准都是Angular第一个发明和采用的。

若是要学习Angular的戳这里： https://gitconnected.com/learn/angular

另外放一个 三大前端法宝

4、新技术和新概念

一、GraphQL 、PWA 、WebAssembly

GraphQL已被GitHub等技术领导者采用。然而，它并无像一些预测的那样快速地起飞。

据JS状态调查显示，只有1/5的前端开发人员使用过GraphQL，可是有惊人的62.5％的开发人员已经据说过它并但愿使用它。

由于这个之后，会愈来愈流行，只不过如今还不重要。

二、各类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

三、静态站点话题 从新兴起

随着JavaScript革命的发生，每一个人都喜欢学习最新最好的语言框架，但如今事情已经解决，咱们已经意识到并不是每一个网站都须要是一个复杂的单页面应用程序（SPA）。

这致使了静态站点生成器的增加。

这些工具容许你在你喜欢的库中编写代码，例如React或Vue，但在构建期间生成静态HTML文件，容许咱们当即向用户提供彻底构建的页面。

静态站点很是适合构建我的网站或博客，但它们能够轻松扩展到更大的应用程序。咱们已经看到了用于构建静态网站的流行框架的兴起，例如Gatsby和React Static for React应用程序，以及VuePress for Vue应用程序。

事实上，静态网站已经变得如此受欢迎，以致于盖茨比实际上已经组建了一家公司，并在去年的开源框架中得到了风险投资资金。

** 四、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已经成为流行了，唉，又学不到了吧？

五、Webpack 又发布新版本

Webpack 3发布仅8个月后，版本4发布了。Webpack 4继续推进简化和更快的构建，声称高达98％的改进。它选择合理的默认值，在没有插件的状况下处理更多功能，而且再也不须要使用配置文件。Webpack如今还支持WebAssembly并容许您import直接使用WebAssembly文件。

六、编辑器话题 VScode成为新霸主

一张图足够了，不过我依然是 sublime text 先行。

5、预测、展望 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等框架向前迈进。

本身是从事了五年的前端工程师，年初我花了一个多月的时间整理出来的学习资料，但愿能帮助那些想学习前端，却又不知道怎么开始学习的朋友。

这里推荐一下个人前端学习交流群：731771211，里面都是学习前端的从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴。2019最新技术，与企业需求同步。好友都在里面学习交流，天天都会有大牛定时讲解前端技术!

点击：加入