20 milestone top open source projects that have affected generations of front-end people! Which project will become a milestone in 2021?

Hello everyone, I’m your cat brother, that super cat who doesn’t like fish and meows~

front-end weekly trend list last week on every Monday, and recommend a front-end monthly trend list last month. It is convenient Everyone knows what good front-end projects have been open sourced recently, and what are the mainstream front-end technology stacks used, so as not to miss a good open source project.

front-end GitHub can be regarded as the best way for many people to actively obtain some open source projects and active developers.

For how to find a good open source project, you can read this article: GitHub-How to Find a Good Open Source Project

This article introduces 20 important front-end projects from 2006 to 2020, each of which is a milestone top-level open source project.

1. jQuery

August 2006

jQuery was created by John Resig and released in 2006. It won the competition between the Ajax framework and libraries such as Prototype.js, Dojo or YUI.

Become the de facto standard library included in almost all web pages, even today.

A beautiful software derived from a vast "plug-in" ecosystem.

Providing a unified API to deal with browser inconsistencies is excellent.

Trending of the month: +114 on GitHub ☆

https://github.com/jquery/jquery

2. Node.js

May 2009

Node.js, created by Ryan Dahl on top of the JavaScript V8 engine, brings JavaScript to the server side.

Powerful API, command line tools, IoT devices and all modern web development tools.

Trending of the month: +743 on GitHub ☆

https://github.com/nodejs/node

3. Express

June 2009

Express is almost as old as Node.js, but it is still considered the standard web framework for Node.js.

Because of its minimalist approach, it has a deep middleware ecosystem.

More modern alternatives include Nest, Fastify or Next.js.

Trending this month: +402 on GitHub ☆

https://github.com/expressjs/express

4. D3

September 2010

The classic data visualization library created by Mike Bostok is still useful almost 10 years later.

Many chart libraries are built on its powerful primitives.

Trending of the month: +351 on GitHub ☆

https://github.com/d3/d3

5. Angular

January 2010

In 2010, Angular from Google began to subvert the way developers build applications by providing a complete framework that can run in the browser.

It did not enhance the DOM generated by the server, but moved the control of the page to the client, thus entering the "single page application" era.

Angular 2 was released as a separate project in 2014.

Trending this month: + 2 ☆ on GitHub

https://github.com/angular/angular.js

6. ember.js

May 2011

A UI framework that tends to use strong conventions to make Web developers more efficient.

Played an important role in the modernization of JavaScript.

Trending this month: + 35 on GitHub ☆

https://github.com/emberjs/ember.js

7. Bootstrap

July 2011

Bootstrap was open sourced by Twitter in 2011. It is a set of JavaScript and CSS elements used to add common widgets to web pages.

It shines thanks to neat documentation, consistent developer experience, and smartly designed responsive design features.

When the developer browses the web on the smart phone, it has helped the developer to make the web page suitable for mobile device browsing.

Trending this month: +530 on GitHub ☆

https://github.com/twbs/bootstrap

8. Webpack

March 2012

Webpack is a key part of front-end tools, it can generate JavaScript bundles from any kind of assets.

The fifth major version will still be used in projects such as Create React App or Next.js in 2020, and will be launched soon.

Package and summary are the two most popular.

Trending this month: + 247 ☆On GitHub

https://github.com/twbs/bootstrap

9. TypeScript

October 2012

A superset of JavaScript that provides static type safety for JavaScript.

Won the battle between translators and competitor Flow, and has almost become the standard for front-end and back-end development.

DefinitelyTyped project provides other types for more than 7000 software packages!

Trending this month: + 740 ☆ on GitHub

https://github.com/microsoft/TypeScript

10. electron

April 2013

Use Web technology to build solutions for desktop applications.

Used by popular desktop applications, such as VS Code, Slack...

Trending this month: +440 on GitHub ☆

https://github.com/electron/electron

11. React

May 2013

React is open sourced by Facebook to create dynamic and fast UI.

Not a complete framework like Angular, because it only deals with the view layer.

Its component approach and JSX syntax have become very popular and have inspired many projects.

Trending of the month: + 1646 on GitHub ☆

https://github.com/facebook/react

12. Vue.js

July 2013

Vue.js was released only two months after React, and took another approach to deal with reactivity.

It is generally considered to be more beginner friendly.

Without the support of large companies like React and Facebook or Angular and Google, it was created by Evan You.

A strong community, especially in China.

Version 3 provides huge improvements, including better TypeScript support and Composition API.

Trending of the month: + 1415 on GitHub ☆

https://github.com/vuejs/vue

13. babel

September 2014

The compiler Babel, originally called 6 to 5, helped make the ES6 version of JavaScript popular, which is a key part of React's success.

Let developers use the latest features of JavaScript to write code without worrying about browser support.

Included as a dependency of many projects.

Trending this month: + 184 ☆On GitHub

https://github.com/babel/babel

14. VsCode

September 2015

The most popular IDE based on Electron for coding JavaScript and TypeScript applications.

Atom on GitHub was launched in 2012, and it was a pioneer of the concept: a code editor built using web technology that can be extended by installing plugins.

Shines with its TypeScript support... Both projects are from Microsoft.

Trending of the month: + 1562 on GitHub ☆

https://github.com/microsoft/vscode

15. react-native

January 2015

With React Native, developers can use their knowledge of the React framework to build mobile applications for iOS or Android.

Trending of the month: +577 on GitHub ☆

https://github.com/facebook/react-native

16. next.js

October 2016

Become the most popular framework for building full-stack JavaScript applications (applications that run on both the front-end and back-end).

Use React on the front end and provide server-side rendering functions to provide the best user experience.

Trending of the month: + 1345 on GitHub ☆

https://github.com/vercel/next.js

17. puppeteer

May 2017

A Node.js library used to control the headless Chrome browser to perform operations such as browser testing or web scraping.

Trending of the month: +746 on GitHub ☆

https://github.com/puppeteer/puppeteer

18. deno

May 2018

Nine years after Node.js was released, Ryan Dahl once again adopted a new server-side JavaScript runtime.

Designed to solve several problems related to Node.js.

There is no centralized package manager, and any JavaScript dependency can be loaded from any URL.

One of the most popular projects in 2020.

Trending this month: + 1304 on GitHub ☆

https://github.com/denoland/deno

19. snowpack

February 2019

A build tool that takes advantage of the latest changes to JavaScript modules to provide a great developer experience.

Trending of the month: +431 on GitHub ☆

https://github.com/snowpackjs/snowpack

20. Rome

February 2020

Rome was created by Seb McKenzie to provide a dependency to handle all front-end tools (lint, test, build...).

This pretender is not very famous yet, will this be a successful project in 2020? It will be verified by time!

Trending of the month: + 114 on GitHub ☆

https://github.com/rome/tools

21. Vite ?

2020 year

Vite next-generation front-end tool

Vite is a web development and construction tool developed by You Yuxi, the author of Vue. It is a development server based on the browser’s native ES module import. The concept of packaging is skipped, and the server is ready to use. At the same time, it not only provides support for Vue files, but also supports hot updates, and the speed of hot updates will not slow down as the number of modules increases. Use Rollup packaging in a production environment.

💡 Instant server startup
⚡️ Lightning fast HMR
🛠️ Rich functions
📦 Optimized construction
🔩 Universal plug-in interface
🔑 Full type API

Will this be a successful project in 2021? It will be verified by time!

Trending this month: + 1403 on GitHub ☆

https://github.com/vitejs/vite

At last

For how to find a good open source project, you can read this article: GitHub-How to Find a Good Open Source Project

Front-end GitHub focuses on mining excellent front-end open source projects on GitHub, and recommends them in the form of topics. There are about 10 good projects per topic, and one to three elite articles will be pushed every week.

For the link to the original text, please see the treasure warehouse below, please be careful!

https://github.com/FrontEndGitHub/FrontEndGitHub

WeChat search " front-end GitHub ", reply " e-book " to get the following 300 technical essence books, brother cat wx: CB834301747 .

Unknowingly, the original article has been written to the 41 issue. Almost every article is a high-quality open source project carefully selected by Brother Mao. The projects in every article pushed are almost very helpful for front-end development. of.

It’s not easy to be original. It takes a few nights for a high-quality article to come out. It takes a lot of time and energy to screen and write the reason for recommendation. After reading the article, the big guys like it or repost it, just treat it. Brother Cat, please encourage me.