Table of Contents
Most Popular Projects Overall
Create React App
Vue Element Admin
These are the hottest projects of the year, all categories included.
For the third time in a row, Vue.js is the trendiest project of the year.
It got 45k stars overs the last 12 months, it's 5,000 more stars than in 2017... the momentum is still there!
At position number 4, Deno is the only new project among the TOP 10.
According to its creator Ryan Dahl (the father of Node.js), this secure TypeScript runtime is an attempt of addressing several issues about Node.js. Watch his video presentation.
If you check the graph, you may notice a peak of stars in June for both Vue.js and React. The reason? It was the time Vue.js passed React in terms of total number of stars, becoming the most popular project in the UI frameworks category. At that time, fans from both sides did their best to push their champion!
The 2 leading Node.js frameworks in 2018 are "full-stack frameworks" related to a specific front-end framework:
They both provide a great developer experience to set up Single-Page Applications, while providing Server-Side Rendering features.
At position number 4 Express, the number one in 2017, stays very popular, despite its age.
Create React App
No surprise in the React eco-system category, the project number one in 2018 is Create React App, the de-facto tool to start a new React application.
About the React library itself, the introduction of hooks is a major addition, that may change a lot of things about the way we deal with state management and side effects with React.
Vue Element Admin
Vue Element Admin, the most popular project of the Vue.js ecosystem, is a solution to build beautiful dashboards using Vue.js components.
It can be compared to Create React App for React but it's more flexible and it provides a Graphical User Interface that makes it very user-friendly.
Material Design for Angular
Not one but two major upgrades in the Angular ecosystem in 2018!
Angular version 6, introduced in May, provides a lot of features related to the tooling.
As a consequence, the trendiest project of the Angular ecosystem was Angular CLI the official command line tool used to scaffold new projects and manage existing projects.
Among the new features, the
update command makes it easy to update an application and its dependencies.
Also, it's now possible to customize the underlying Webpack configuration without "ejecting".
Angular version 7 was announced in October.
Airbnb recently published a thorough series of article explaining why they decided to drop React Native for their next products in favor of Native Apps.
The fact that the latest version of Babel supports TypeScript was a game changer. As of create-react-app 2.1 and later, TypeScript works out of the box in a React application.
Parcel confirms its success of 2017, developers love the ability of setting up a new web project without any configuration.
Webpack is still the most popular and flexible build tool, Create React App, vue-cli and Angular CLI all use it under the hood. The version 4 includes performance improvements (about both build times and bundle sizes) and "sensible defaults" that make possible to use Webpack with zero configuration.
No change in the testing framework landscape in 2018, the 5 leading solutions are the same as in 2017, in the same order.
Jest increased its advance over its contenders, developers appreciate the efforts made by Facebook to provide a full-featured testing framework that can be used to test both front-end (it was intended to test React components, in the beginning) and back-end code, without requiring configuration.
IDEs & Editors
VS Code, the 3rd trendiest project overall, is almost the de-facto IDE for web development.
It stands up with its auto-completion features and its TypeScript integration.
The killer feature may be the debugging abilities for Node.js.
There is still no consensus about the best way to style modern web applications, made of components (whether it's React, Vue.js or Angular).
But Styled Components has still the best momentum and seems to be the most popular "component-based styling" solution.
Gatsby shines with its versatility (you get the best of Single Page Applications and static web sites) and the focus on performance.
The GraphQL ecosystem is picking up speed, and a big trend is the appearance of tools that simplify part of the process of setting up a GraphQL endpoint.
Gatsby is still number one, and it's definitely one of the tools that make getting started with GraphQL the most approachable.
And the rest of the top 15 is filled out by GraphQL servers, clients, and various other utilities such as GraphQL Playground.
JS Algorithms & Data Structures
30 seconds of code
You Don't Know JS
Airbnb Style Guide
Node.js Best Practices
The top learning resources of 2018 fall roughly into two categories: Tutorials & Cheatsheets and Guidelines & Best Practices.
There were a lot of talks around this drama, about security concerns and the burden of maintaining open-source projects.
Talking about open source, the acquisition of GitHub by Microsoft in June was a breaking news.
So it may not be so surprising to see a giant like Microsoft taking control of our beloved GitHub… but what a turnaround in the history of Open Source!
Thank you for your attention, and feel free to share this article or reach us on GitHub if you have any feedback… and see you next year!