This article reprinted from: https://risingstars.js.org/2018/zh/

This article compares the number of new stars on GitHub over the past 12 months to evaluate their popularity in 2018, and then selects the rising stars in the JavaScript space in 2018.

These are the top 20 hottest projects of the year, covering almost all categories.

Vue.js has topped the annual chart three times in a row. It added more than 45K stars on GitHub this year, 5K more than in 2017, and the momentum is still growing!

Deno is the only new entry in the 2018 top 10. Deno is “an application that executes JavaScript and TypeScript code outside the browser,” according to its author Ryan Dahl, the father of Node.js. This is a solid TypeScript runtime that tries to solve some of node.js’s original problems.

In terms of front-end frameworks, the dominance remains the same as in 2017, with three frameworks: vue.js, React and Angular.

In June 2018, the growth of star numbers of vue. js and React both had a small peak. What is the reason for this? At the time, vue.js was the most popular project in the UI framework category with more total stars than React. At that time, fans on both sides were canvassing for their favorite champion!

The new kid on the block in 2018 is Omi, a promising UI framework that uses Shadow DOM technology and uses the “JSX” syntax known to React developers.

The two Leading Node.js frameworks in 2018 are “full stack frameworks” based on specific front-end frameworks:

  • Use React Next-js, the new champion of this category.

  • Nuxt with vue.js.

Both guarantee a good single-page application (SPA) development experience and support server-side rendering (SSR).

At number four is Express, which was number one in 2017 but remains popular despite its “advanced years”.

Not surprisingly, in the React ecosystem category, the no. 1 project of 2018 is the Create React App, which is the de facto tool for creating new React projects. Version 2, released in 2018, is a major update with changes including built-in Webpack 4 and the possibility of using TypeScript.

For React itself, the major change is the introduction of hooks, which might change the way we handle state management and tweak side effects in React.

As vue.js continues to gain momentum, Vue 3.0 is planned to take advantage of modern browsers to run more efficiently and be easier to use.

Vue Element Admin, the most popular project in the vue.js ecosystem, is a solution for building beautiful dashboards using vue.js components.

Vue-cli is a standard solution for building a new vue.js application using modern JavaScript tools. It’s comparable to the React Create React App, but it’s more flexible and offers a graphical UI that makes it very user-friendly.

In 2018, There are two major Angular releases, Angular 6, which came out in May and provides a lot of tools-related functionality.

Therefore, the most popular project in the Angular ecosystem is the Angular CLI, the official command-line tool for building new projects and managing existing ones. Among the new features, the update command makes it easy to update applications and dependencies. In addition, it is now possible to adjust the underlying Webpack configuration without “ejecting”.

Angular 7 is released in October. Angular CLI prompts are included, as well as Material Design for Angular updates, with an emphasis on performance improvements, including a feature called Virtual Scrolling.

React Native is still the primary solution for creating mobile applications using JavaScript.

For those who want to use vue.js instead of React, there are also options. The following four projects in this category (Weex, NativeScript, Quasar, and Ionic) all support vue.js asa view layer for building mobile applications.

Flutter from Google is not a JavaScript project (as it uses the Dart programming language), but it is a great alternative for building mobile applications across environments.

We’ve discussed in the past the best way to introduce static typing in JavaScript.

By 2018, Microsoft’s TypeScript was way ahead of its inspiration, Facebook’s Flow. In fact, Babel, the latest version of TypeScript, is a spoiler.

TypeScript is almost a development standard: for both back-end and front-end development, we’re seeing more and more projects include TypeScript declarations. Also, if some libraries don’t have type declarations themselves, a project named DefinitelyTyped will provide type declarations for a large number of those libraries.

Parcel, a packaging tool, has proven successful in 2017, with developers loving its ability to build a new project with zero configuration.

There was no overall change in the testing framework space in 2018, with the five leading solutions maintaining the same ranking as in 2017. Jest is advancing faster than its competitors, and developers like the utility of Fackbook’s full-featured testing framework — both on the front end (it was originally intended to test the React component) and the back end, and it’s zero-configuration.

VS Code, the third most popular project in the category, is almost the de facto IDE for Web development. It’s built on autocompletion and built-in TypeScript integration. The killer feature might be the ability to debug Node.js.

There is no consensus on the best stylesheets for modern component-based front-end applications (whether React, vue.js or Angular). Still, the Styled Components has the best momentum and appears to be the most popular “component styling” solution.

As in 2017, Gatsby was still the most popular static site generator in 2018 (a tool for generating a set of HTML JavaScript and CSS files that can be hosted anywhere and respond super fast).

What makes Gatsby great is its versatility (you can combine the benefits of single-page applications with static sites) and its focus on performance. If you want to use vue.js instead of React, VuePress at Number 2 might be the right choice.

The GraphQL ecosystem is growing rapidly, and there is a general trend for tools to simplify GraphQL configuration.

Gatsby is still no. 1, and it’s definitely one of the easiest tools to use with GraphQL. Prisma, which evolved from Graphcool, is in second place. The Hasura GraphQL Engine also generates a working back end directly from the database.

The rest of the top 15 includes GraphQL server, client, and various other tools, such as GraphQL Playground.

The performance of the 2018 JavaScript Ecosystem project on GitHub bears a lot of resemblance to the results of the 2018 JavaScript Ecosystem survey report we published earlier, because they are subjective expressions of developers. Objectively speaking, The download rate of each project on NPM is the true representation of the market. But In a way, GitHub represents an underlying trend that could give developers new insights into their own development models.

You’ve probably noticed that most Internet companies are growing very fast, but their technology teams are not keeping up. Recommended geek Time gift card, one-click recharge to exchange “learning quota”, development, operation and maintenance, testing, architecture, technology management and other fields covered, master the front-line technology practical application, improve team efficiency.