未加星标

The most popular JavaScript front-end tools

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二03 | 时间 2017 | 作者 红领巾 ] 0人收藏点击收藏

Choosing a development tool based on its popularity isn’t a bad idea. Popular tools are usually more stable, and they often have more resources and community support thanless popular tools. Developer satisfaction is another key indicator of a good tool, and for thejavascript ecosystem, I'm going to show you some significant research on both of these criteria.

Thelist that follows contains all of themaintoolingcategories for a modern JavaScript developer. It includes the most popular tools for each category according to developer popularity and user satisfaction.

Each section reveals the most popular tool for that category and a runner-up, along with some context and citations from a few major JavaScript community surveys to prove each's popularity. You should have plenty of community support if you choose to use any of these tools and technologies.

Continuous testing: A practical guide

Download

Language flavor Most popular:ES5-based JavaScript Runner-up:ES6 (ECMAScript 2015)

Recent versions of Safari, Edge, Firefox, and Chrome all have above 90% support for ES6, the new JavaScript standard. Although there are still more developers that use ES5-based JavaScript, that’s to be expected. Organizations are often slow to move to new language standards.

But ES6 will take over the top spot in 2017 as the annual releases of ECMAScript keep coming, and developers are more motivated to keep up. The State of JavaScript 2016 survey shows that nearly all of the developers who haven’t used ES6 are interested in learning it soon.

Front-end frameworks Most popular:React Runner-up:AngularJS 1.x

The JavaScript community is fickle, and has been surprisingly quick to abandon relatively new tools in order to gather around even newer tools that have stronger technical merits.

Five years ago, Backbone.js was the most popular framework for front-end JavaScript development. Oneyear later, Google’s AngularJS took the crown. Then React, the brainchild of Facebook, surpassed AngularJS. That happened around the same time that Google introduced changes in AngularJS 2 that made it no longer backward compatible with version 1.

While React has the lead among JavaScript-focused developers, AngularJS maintains a strong lead among Java developers and among .NET developers. Interestingly, .NET developers tend to stick to their ecosystem’s vendors―they’re more likely to use TypeScript (a Microsoft creation) and NativeScript (a JS flavor from Telerik, a company that got its start as a .NET tooling vendor).

The State of JavaScript 2016 survey has a heatmapthat confirmsthis Angular/TypeScript group , as well as an ES6/React stack group, and a plain JS/Backbone.js, or no framework group.

I did not include jQuery in this section, since it’s more of a library for unobtrusive JavaScript, and it doesn’t do the same things as React and AngularJS. jQuery is still widely used among existing web applications, but it’s less necessary for modern JavaScript front ends used in modern applications.

Task runners Most popular:Gulp Runner-up:Grunt

Task runners are the build tools for JavaScript applications. They automate tasks such as minification, unit testing, linting, compilation, starting servers, and other file modifications. For a while, Grunt was the most popular task runner as part of the Yeoman scaffolding, which made setting up various JS projects easy.

Now Gulp has passed Grunt in popularity, and Grunt is unlikely to recover. While many JavaScript developers have used Grunt, the State of JavaScript 2016 survey shows that most of the developers who have used Grunt don’t want to use it anymore. Among developers who haven’t used Grunt, most aren’t interested in learning it.

Module bundlers Most popular:Webpack Runner-up:Browserify

Webpack and Browserify also can preform the tasks of a task runner, but here they’re in a different section because they're primarily known as module bundlers. Module bundling is like a build process in which a group of modules and their dependencies get bundled into a file, or group of files. The demand for module bundlers is growing as JS developers break down more application functions into modules, creating a more resilient, loosely-coupled architecture.

In 2015, 46% of respondents in the State of Front-End Tooling used a module bundler in their workflow. In 2016, that number jumped to 68%. Most of that growth was due toWebpack, which was used by 41% of respondents, making it the clear leader over other module bundlers such asBrowserify, which was used by 11% of respondents.

Package managers Most popular:npm Runner-up:Yarn

2016 was the year that Yarn emerged onto the scene as a new alternative client for the Node.js package registry. npm remains the default package manager for Node.js, but extreme growth is expected for Yarn. It seems to be on track to be the preferred client to the Node.js registry due to its performance, which is several times better than that ofnpm .

For now though, npm remains the de facto package manager for JavaScript, although it’s not the only game in town. Ryan Lewis, a Node.js committer, recently presented on the future of Node.js at the All Things Open conference. During the event, several developers asked whether the Node.js Foundation might make Yarn the new standard interface for the Node.js package registry.

His answer: "Probably no,” since the foundation doesn’t want to do anything that might fragment the ecosystem. So while Yarn was talked down in a recent foundation meeting, the members did express interest in its performance gains. Lewis says a more likely outcome is that npm will begin incorporating Yarn’s features and remain the default path to the Node.js package registry.

Testing frameworks Most popular:Mocha Runner-up:Jasmine Almost half of developers don’t use testing in JavaScript, according to the State of Front-End Tooling 2016 survey. The State of JavaScript 2016 survey has similar conclusions, showing that many develo

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

分页:12
转载请注明
本文标题:The most popular JavaScript front-end tools
本站链接:http://www.codesec.net/view/530867.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(87)