Table of Contents
Most Popular Projects Overall
Vue Element Admin
It’s often considered as the sequel of Node.js as it fixes or improves a lot of points, taking advantage of 10 years of experience and iterations with Node.js.
Among the main features:
- The “standard library” provides solutions for common needs that usually require the installation of packages in Node.js
- Deno uses as much as possible standards from the web (Example: the Fetch API)
- Files imported using the ECMAScript modules
- Built-in test runner and debugger
The ecosystem around Deno is quite young but expect things to change a lot, given the buzz around Deno.
The success of Deno confirms 2 heavy trends:
- The rise of TypeScript language, in both frontend and client sides
- The rise of ES6 modules imported on the fly by solutions like Snowpack, check the new faces of the "Building Tools" section
It borrows ideas from both Vue.js and Angular: custom HTML directives, two-way binding...
It's very easy to check it using with a good old
<script> tag added to an HTML page, no building process is needed, everything can be done right from the HTML mark-up so it may be the perfect solution to enhance quickly an existing web page without having to include a full-blown framework.
Being a very lightweight solution to bring interactivity to a web page, it plays well with modern frameworks like Elixir Phoenix. There is even a stack called PETAL that includes both Alpine.js and Tailwind CSS, more on that later...
We have 2 types of projects that dominate the Node.js Frameworks category.
Like in 2018, the category is led by Next.js. In the beginning, it was made famous as a solution to render React applications on the server. Now it's the leading solution to build full-stack web applications with React.
The latest version provides features such as Incremental Static Regeneration that brings the best of the dynamic and static worlds, making it a great fit for a lot of use cases.
React Hook Form
Guest Writer: Lee Robinson
Lee Robinson is a developer, writer, and creator who works at Vercel as a Solutions Architect.
The theme of the React ecosystem in 2020 was stability. While React 17 introduced no breaking changes, it laid the groundwork for the future: React Server Components.
React Server Components will change how we build React applications by reducing client bundle sizes and improving boot time. Further, they will simplify data fetching and access to data sources like databases and file systems.
Next.js has grown into the most popular solution for building React applications. Its hybrid approach will be the first application of React Server Components.
Supporting libraries like React Query, Recoil, and React Hook Form have matured and evolved around hooks. Each simplifies a piece of React development. When combined with polished component libraries, React developers have more tools than ever.
Vue Element Admin
The biggest news in the Vue.js community is the release of version 3.
It comes with the new Composition API that addresses several limitations of Vue.js 2:
- it was hard to organize code by logical concern inside components
- it makes easier to reuse code across components (with Vue 2, mixins, mixing factory and scoped slots were not optimal)
- it has a better TypeScript support
Check the migration guide for more details about the changes introduced by version 3.
Also a new web building tool Vite was created in 2020. Powered by ES modules, it's the fastest way to get started with a Vue.js application from the command line.
Material Design for Angular
The top 5 Angular projects remain mostly the same as last year, apart from a new contender at number 3.
Angular had three major releases in 2020.
A significant focus for the Angular team in the second half of the year was to listen to the community. The team made a big effort to triage issues and PRs to understand and address the needs of the community. They also released a roadmap to share what the team is working on and what they have planned for the future.
Guest Writer: Sébastien Lorber
Sébastien is a React early adopter, working with Facebook Open-Source on Docusaurus.
2020 was a great year for build tools, we have seen many new trends.
Snowpack and Vite bet on the future with an ES modules first approach: they do not bundle your code in dev, have extremely fast feedback loops, and fallback to bundling only for production (until browser support increase).
Webpack is often described as too complex, and simpler alternatives like Parcel and Rollup have matured. Webpack remains the de-facto build tool and its new caching layer could significantly improve your build performance.
Monorepos are becoming mainstream: Yarn and Lerna are widely used, and npm 7 joined the party.
Compared to last year, we added this section to put emphasize on the success of Tailwind CSS and its "utility first" approach.
According to the State of CSS beautiful report, it's the CSS framework that has the highest ratio of satisfaction.
Version 2 was released recently and it brings a lot of new features including the support of the beloved "dark mode".
Hasura GraphQL Engine
JS Algorithms & Data Structures
Node.js Best Practices
You Don't Know JS
30 seconds of code
Backend developers can have fun with Deno and start hacking with TypeScript right away without having to worry about dependencies.
For styling, a solution like Tailwind CSS also comes from the same direction, providing more simplicity and it's building an ecosystem around a simple concept.
What to expect for 2021?
It will be interesting to see what comes of the React Server Components.
We'd keep an eye on the fullstack framework Redwood project too, that plays well with GraphQL and has a unique way to handle data fetching using what they call "cells".
Don't forget to check the results from the amazing State of JS survey if you want an other point of view over the trends, based on real user's feedback.
Thank you for your interest, and see you next year!