BestOfJS官网总结出了近一年（2019年）最受欢迎的JavaScript项目，涉及到前端框架、Node.js框架、React生态圈、Vue生态圈、Angular生态圈、测试框架、移动端开发、编译工具、构建工具、CSS in JS 和 GraphQL等多个技术领域，还推荐了最为受欢迎的前端学习资源。根据这份报告，我从自我驱动成长的角度来梳理一下2020年前端进阶的学习方向。
一、前端框架
报告显示，Vue仍然是遥遥领先，React紧跟其后。
前端框架
过去，我们常说的前端框架三足鼎力，分别是Vue、React和Angular。可这份报告显示，Svelte已经远远超过Angular了，莫非2020年我们要把Svelte纳入到“前端三架马车”中？事实上，这是非常有可能的，Svelte的设计与Vue、React有很多不同，绝对值得关注。
学习前端框架，一定不能拘泥于框架，要以发展的眼光去学习，框架是为了解决生产实践中的开发问题而存在的。任何一个框架都可能过时，任何一个框架都可能是未来的明星。
总结：关于前端框架，学好Vue和React是基础，有能力的前端开发者研究一下它们的源码。同时，关注并实践一下Svelte，很有必要。
二、Node.js生态圈
报告显示，最火的是 Nest，它是一个功能全面的Web框架，其写法支持ES6，也支持TypeScript。Nest的底层也使用到了 Express。
Nest
Nest的关注度，已经遥遥领先于 Express 和 Koa了。
Node.js生态圈中，除了 Nest 这个Web框架比较受关注外，还有另外两个框架一直比较流行，其一是 Next.js（React的服务端渲染框架），其二是 Nuxt.js（Vue的服务端渲染框架）。
总结：关于Node.js服务端，首先要学习 Nest 框架，势在必行；其次是学习 Next.js 和 Nuxt.js 这两个服务端渲染框架。Node.js服务端应用开发，是一名前端工程师必须要掌握的基础技能。
三、Vue生态圈
报告显示，最受欢迎的项目是 Vue Element Admin，这个项目已经连续两年成为最受欢迎的Vue生态项目了。它基于 Element，可以快速地构建一个漂亮的仪表盘管理系统。
Element 和 Vuetify 位列二、三名，这两个是Vue非常常用的组件库。相信大家对 Element不会太陌生，它几乎是Vue管理系统的标配。Vuetify是个新面孔，发布于2019年7月，基于Material Design设计规范，它发展很快，值得研究一下。
总结：对于Vue开发者来讲，新的一年里，必须要会使用 Vue Element Admin。而 Element 的重要性就不用多说，必须要熟练使用，其次研究一下Vuetify很有必要。在熟练Vue开发的基础上，阅读并分析Vue源码也是必须的。
四、React生态圈
报告显示，最受欢迎的仍然是 Ant Design，这是React的好朋友，非常知名的React 组件库。当然，Material UI也是值得关注的。
排在在第二名是 Create React App这个脚手架工具。
总结：对于React开发者来讲，最为重要的还是 React本身，进阶者可以多研究一下 React Hooks 模式，以及它在 React生态圈中的广泛使用。
五、工程化工具
毫无疑问，编译工具仍然是 Babel 和 TypeScript，构建工具仍然是 Webpack。现代化前端的工程化架构，已经离不开这样的编译工具和构建工具了，为了提升开发效率，为了使用更优秀的前端技术。
webpack
尤其是Webpack，非常值得好好研究和学习。有能力的开发者，一定要脱离脚手架，自己手动地搭建前端工程项目架构，从而去理解脚手架在背后为我们做了哪些事情。
总结：对于工程化工具，我们要学好Webpack，这是重中之重。
六、其它技术
Angular生态圈中最受欢迎的是 ngx-admin，它是一个快速搭建仪表盘管理系统的项目，其次是 Material Design for Angular（组件库）和 Angular CLI（脚手架）。
测试领域最受欢迎的是 Puppeteer，遥遥领先于其它测试框架。
移动开发领域，老大哥仍然是 React Native。但目前市场中，用 uni-app的也非常普遍，uni-app是Dcloud公司出品的一款用于跨平台App开发的技术，也非常流行。还有 Flutter，也越来越热了。
除此之外，GraphQL技术一直被关注，它是一门为API和运行时而生的查询语言。希望能发展得更好，能广泛被用于实践开发中。
GraphQL
七、总结
2020年前端工程师进阶学习，个人认为需要做到以下几点：
- 1、玩透Vue，有能力者可以研究Vue源码，熟练使用Element 和 Vue Element Admin。
- 2、成为React中高级开发者，着重研究React Hooks模式，熟练使用 Ant-Design。
- 3、学习Svelte框架，它已经成为 Vue和 React之后的第三位受欢迎的项目了，无论未来如何，这款前端框架都值得我们去研究并实践。
- 4、进阶学习Node.js实战开发，着重研究 Nest这款Web框架，能熟练使用 Next.js 和 Nuxt.js 做 SSR 项目。
- 5、深入学习 Webpack 和 Babel，能够手动地搭建前端工程项目架构，玩转Webpack。
- 6、深入学习 TypeScript，它作为JavaScript的超集，越来越广泛地被应用于实际开发中。
- 7、最后是 Flutter，它提供了一种崭新的跨平台App开发的解决方案，是越来越火，今年值得去研究并实践。
感谢BestOfJs官方提供的数据统计和报告，它为广大的前端开发者指明了成长方向。如果你对该份报告感兴趣，点击下方的参考资源链接即可查阅。最后，祝愿大家在2020年里技术更上一层楼。
参考资源：
-- END --
网友评论