汇总2017JS项目，总结我们从中学到了什么？

[来铧敏]

当红辣子鸡——vue

和去年一样，vue是js项目中点赞数增加最多的，我们可以看下图：

这并不代表是最受欢迎项目，在项目总的点赞数量上依旧是react（86102 stars），但是确实是增长速度最快的，如果按照这个速率，接下来有可能会超过react。

• 个人感悟：自己公司也有项目在用，学vue的难点在于vuex，其他的话上手挺快的，而且是尤大写的，中文文档也很完整，很适合新手。

强生态——react

如果vue是成功的，那么无疑react表现的更加不错。

虽然react点赞增加速率不很快（对于一个老项目来说，我们应该满足），但是react的成功更倾向于看他的生态圈，如下图：

前五个项目的总star数超过67.9K，和vue的44.4K比无疑是成功的。

react经历了许可证的闹剧之后，它的最大的障碍也不复存在了，我们可以一起来见证它在2018能够带来什么新的东西。

• 个人感悟：react自己做项目的时候很倾向于用，但是公司的话没有在用，因为一些业务组件不完全等原因，不过，后面应该会一点点推行。就像上述我说的，react是facebook团队在维护的，生态圈也不错，而且react一直引领着前端的发展，很赞，个人也很喜欢！！！

新星——Parcel

parcel在一个月内增加的点赞数量可以超过大多数项目一年增加的。

你可能不能想象，一个12月份才推出的项目，点赞数的增加量可以排到年度的第12名，哈哈哈

甚至超过了webpack，就单单一个月哈，我已经抑制不住好奇心了！！！

• 个人感悟：这个打包工具我是在前端早读课这个公众号中了解到的，建议大家也可以了解一下，毕竟是前端的新东西，自己也没怎么用过，暂时不评价哈，不过口碑好像不错，听说打包速度比webpack快。到时候自己去尝试一下！！！

战争——前端

三大框架的战争应该已经告一段落，总结所有框架一年的star增长量，如下图：

位列前三的框架（Vue、React和Angular）,还有一些更小的框架比如preact(这个在react许可证闹剧的时候听说)，还有一些自己没有接触没有用过的（Hyperapp、dva等）。

虽然三大框架各有千秋，但是从流行度和生态圈来讲，已经不能像以前一样同日而语了。

但是你还是可以选择使用任何一门框架，但是他们不在具有一样的势头了。

优胜劣汰，或许也是另一种美好，至少不用像我学前端的时候一样，需要去考虑先学哪个，哪个才是潮流。

• 个人感悟：我觉得框架是另一回事，有一些原理是共同的，比如vdom、依赖收集等，框架会变，只有抓住不变的东西才是我们程序员的核心竞争力，我现在也在一点一点的啃源码，收获还是挺大的。对于新东西的好奇也是我们的动力源泉，但是不能忘了本质性的东西。

编译工具——VSCode

2017年最成功编译工具无疑是vscode。vscode在编辑器中star增加量毫无悬念是第一名，然后他在受欢迎度排行中排到了第六名，很不错的成绩。

这也证实了VSCode成为我们前端开发者的头号编辑器。

VScode是成功的，但也不是完美的，他有需要改进的地方，按网上的说法，他在用户界面的渲染速度是一个很大缺陷，会导致初始化的时候速度变慢

当然用一句话总结：VSCode比webstorm更轻、比sumlime开源、比atom更快。

• 个人感悟：以前在老师那边做项目的时候，用的是IDEA，但是那个比webstorm更笨重，后来转向了webstorm，但是用了VSCode之后，感觉那个启动速度，瞬间就爱上了，也用过一段事件的sumline，sumline给我的感觉太个性化了，当时就不怎么会配，后来就没用，用到现在，还是vscode最合心意。

展望——2018

• GraphQL

GraphQL是facebook在2012年的时候提出，然后在2015年的时候开源，和RESTful对比有优点也有缺点。这是一门查询语言，可能不是主流，但是它强大的功能可能能激起不小的浪花，还是挺期待的，虽然要许久才能用到。
推荐博客

• Parcel

新的打包工具，自己一开始的时候接触过gulp，前端时间搭建公司新项目架子的时候研究过webpack的配置，对于webpack还是挺了解的，webpack需要自己去配置，比如整理entry，output，module，还有一系列的插件，有些许麻烦，不过，webpack有很好的中文文档，但是，新的工具来的势头很猛。看了下面这片博文，知道了点parcel的好处，但是他在2018年还有好多问题要解决，希望我们能用上一个更好的工具。
推荐博客

• Prettier

这个工具在2017年也取得了不小的成就，自动格式化代码，让团队具备统一的代码风格，听起来比eslint还厉害，但是有优点也有缺点，或许在2018年能更智能一点，在配置方面能够更灵活等问题，希望它能变得更好，那我们就又有一个神器了！！！
推荐博客

• Puppeteer

这个是google发行的，时间好像是8月份，但是还是受到大家的追捧，想了解的也可以了解一下，因为在4个月时间里就可以增加20000stars，

数据来源

bastof.js.org

总结

希望2018前端变得更美好，希望自己在2018年还能有过多的产出，希望自己对技术还满怀好奇，有探索的心，希望自己抓住一些不变的东西，巩固自己，充实自己，输出给大家，最后希望学习前端的同志们一起加油！！！个人博客喜欢的可以点个赞，谢谢！！