Top 5 TypeScript Frameworks (2022)

by Solomon Eseme

.

Updated Sat Sep 23 2023

Top 5 TypeScript Frameworks (2022)

Top 5 TypeScript frameworks to learn in 2022, an overview of the different frameworks built primarily with TypeScript as the first-class citizen.

We all know the popularity and increase in NodeJS and JavaScript frameworks, which are steadily rising daily.

But do we have TypeScript-specific frameworks?

Yes, we do:

Before we delve into that, let’s clear the air with TypeScript and why frameworks should make it a first-class citizen.

TypeScript is simply JavaScript with Types and has gained significant adoption and is the top 2 most loved language according to StackOverflow’s 2020 Developer Survey.

From the official documentation: “Understanding JavaScript, TypeScript saves you time catching errors and providing fixes before you run code. ”

In this article, I will look at the top 5 TypeScript frameworks to give you an insight into what you can start learning in 2022.

Top 5 TypeScript Frameworks

I will list the top 5 best typescript frameworks to learn in 2022 based on specific criteria such as popularity, number of usage, and Github stars.

Combining those criteria plus personal preference, we have the following list of the best typescript frameworks.

  1. NestJs

  2. FeatherJS

  3. LoopbackJS

  4. AdonisJS

  5. Ts.Ed

Before I started learning these frameworks, especially NestJS and AdonisJS, I was always in doubt about TYPESCRIPT skills until I came across this course. 

Typescript: The Complete Developer’s Guide[2020] is my all-time TypeScript best course. With it, you will master Typescript by learning popular design patterns and building complex projects. Includes React and Express!

Before we delve in, if you’re a backend developer or looking at delving into this career path, join other developers to receive daily articles on backend development that will boost your productivity.

Nest.js Framework

NestJS is the most popular TypeScript framework in 2022, and the Angular module system inspires it.

NestJS is one of the fastest-growing frameworks in the NodeJS ecosystem. It has even outgrown many other Node.js frameworks except for Koa and Express, which is pretty fair compared to 2018 when it was introduced.

NestJS has more than 34.8k Github Stars and about 56.9k Github Usage as of the time of writing.

It has records of 585.8k weekly downloads from Jan. 24, 2022, to Jan. 31, 2022, and above all, it supports TypeScript as a first-class citizen with about 99.8% Typescript in its codebase.

If the numbers don’t convince you to learn NestJS in 2022, maybe a screenshot of the NPM Trends will:

nestjs1.png

Source

So what is NestJS:

NestJS has a progressive Node.js framework for building efficient, scalable Node.js web applications with modern JavaScript and Typescript.

name

custom

title

Nest.js Framework: Ultimate Guide

url

https://masteringbackend.com/posts/nestjs-typescrpt-ultimate-guide

description

NestJS is one of the fastest-growing typescript frameworks in the Node.js ecosystem. You will learn Nest.js from scratch to an advanced level using TypeScript.

Features of NestJS

What makes Nestjs so great and intuitive can be seen in the features.

NestJS aims to provide an application architecture that allows for the effortless creation of highly testable, scalable, loosely coupled, and easily maintainable applications.

You can explore some of the features of Nestjs and see how we can use them to speed up our application development here.

Learn NestJS

NestJS Zero to Hero – Modern TypeScript Back-end Development is my number one course to learn NestJS. This is the course I used to get up and running with NestJS.

Following best practices, the course shows you how to develop and deploy enterprise back-end applications using Node.js and TypeScript.

Resources
  1. Official Documentation

  2. Getting Started with NestJS

  3. Developing a Secure API with NestJS: Getting Started

  4. NestJS Crash Course By Brad Traversy

FeatherJS Framework

FeatherJS is the second most popular typescript framework, according to our statistics for building real-time applications and REST APIs.

The framework has more than 13.2k Github Stars and about 3.4k Github Usage.

It has records of 41.1k weekly downloads from Feb. 7, 2022, to Feb. 14, 2022, and above all, it supports TypeScript as a first-class citizen with about 92.1% Typescript in its codebase.

You can see the trends chart to get more insights below:

feather1.png

Source

Learn FeatherJS

Below are the resources you can get started with FeatherJS

  1. FeatherJS Youtube Playlist

  2. Getting started with Feathers

  3. Get started with Feathers & React

LoopbackJS Framework

Loopback 4 is a highly scalable and extensible Typescript framework for building microservices and APIs.

It recently upgraded to Typescript fully in version 4 of the framework, which we consider in this article.

Loopback 4 has more than 3.4k Github Stars and about 3.6k Github Usage as of the time of writing.

It has records of 33.1k weekly downloads from Feb. 7, 2022, to Feb. 14, 2022, and above all, it supports TypeScript as a first-class citizen with about 73.9% Typescript in its codebase.

loopback1.png

Source

The statistic is rather biased because it includes Loopback 3, which is not our focus for this article.

Learn Loopback

To learn Loopback 4, I will recommend Building a full-stack app with Node. Js, Loopback4, React, and Hooks course, though it’s a new course, has the potential to help you learn typescript, Loopback 4, and react while building a real-world application.

Resources

Below are the free resources you can get started with Loopback 4

  1. Official Documentation

  2. Create REST APIs in minutes with LoopBack 4

  3. Getting started with LoopBack 4

AdonisJS Framework

The AdonisJS framework is my all-time favorite Node.js and TypeScript framework, except Expressjs.

It is easy to jump right into it and get complex projects out if you have prior experience with Laravel, Spring, or Ruby on Rails.

“AdonisJS is a Node.js framework focused on developers’ ergonomics, stability, and speed. AdonisJS is written from the ground up with a strong principle and goals in mind to be a strong integrated system.” from AdonisJS Tutorial.

name

custom

title

AdonisJS Framework: Ultimate Guide

url

https://masteringbackend.com/posts/adonisjs-tutorial-the-ultimate-guide

description

In this AdonisJS tutorial, you will learn AdonisJS 5 from scratch to an advanced level. You will learn how to build and deploy your first AdonisJS app.

The framework has more than 9.6k Github Stars and about 707 Github Usage as of the time of writing.

It has records of 7.83k weekly downloads from Feb. 7, 2022, to Feb. 14, 2022, and above all, it supports TypeScript as a first-class citizen with about 99.9% Typescript in its codebase.

adonisjs1.png

Source

The statistic is rather biased because it includes Adonis 4, which is not our focus for this article.

Learn AdonisJS

Learning and building with AdonisJS 5 have been made very easy with this free course, which I highly recommend.

AdonisJS 5 From Scratch teaches you AdonisJS 5 from the ground up to the level you’re comfortable enough to take up real-world projects because of the numerous practicals.

Resources

Below are the free resources you can get started with AdonisJS.

  1. Official documentation

  2. AdonisJS Tutorial: The Ultimate Guide(2021)

  3. AdonisJS Tutorial: build a full-stack web application

Tsed Framework

The TSED framework is a Node.js framework written with typescript on top of Express.js and Koa to easily and quickly build out your server application.

It has great features and built-in support of several technologies to speed up your development. You can check out the official website for more information.

As of the time of writing, TSED has more than 1.5k Github Stars and about 547 Github Usage.

It has records of 9.95k weekly downloads from Feb. 7, 2022, to Feb. 14, 2022, and above all, it supports TypeScript as a first-class citizen with about 98.4% Typescript in its codebase.

tsed1.png

Source

Learn Tsed

Since the framework is not popular among the community, the official documentation is the only source of truth and a great place to get started.

Bonus

For reading this long, I have a reward for you.

Foal Framework

Foal is a NodeJS framework for building web applications written entirely with TypeScript, which allows you to detect the silliest errors during compilation and improve the quality of your code.

It also provides reusable components, so you don’t reinvent the wheel.

You also have a complete web development environment with CLI, testing tools, scripts, frontend utilities, ORM, deployment environments, AWS utilities, GraphQL, advanced authentication, Swagger API,  and more.

Foal has more than 1.1k Github Stars and about 89 Github Usage as of the time of writing.

It has records of 11.4k highest weekly downloads, and above all, it supports TypeScript as a first-class citizen with about 98.1% Typescript in its codebase.

foal1.png

Source

Learn Foal

Since the framework is not popular among the community, the official documentation is the only source of truth and a great place to get started.

Typetron Framework

Typetron is a fully-featured typescript framework for Node.js, a modern Node.js framework for building modern backend applications using TypeScript.

As of the time of writing, this framework is still in beta and promises great features.

Many features, such as performance, code sharing, seamless scaling, and feature-rich APIs for authentications, Authorization, and forms, are already built-in.

Learn Typetron

Since the framework is not popular among the community, the official documentation is the only source of truth and a great place to get started.

Final Thoughts

Choosing a particular one for your project will solely depend on the type of project, the programming language, and team strength. 

We have given a rough overview of these frameworks and their trends over a year.

We also give you the knowledge of what to expect when choosing anyone with a good knowledge of TypeScript.

Conclusion

This article covered the top 5 typescript frameworks in 2022 and the different Github Usage, Github Stars, and the percentages of typescript in the codebase.

We have also explored the different trends in usage from NPMTrends.

Let me know in the comment section which typescript framework is more familiar to you and which one you will most try out.

Happy coding!

Whenever you're ready

There are 3 ways we can help you become a great backend engineer:

The MB Platform

Join 1000+ backend engineers learning backend engineering. Build real-world backend projects, learn from expert-vetted courses and roadmaps, track your learnings and set schedules, and solve backend engineering tasks, exercises, and challenges.

The MB Academy

The “MB Academy” is a 6-month intensive Advanced Backend Engineering BootCamp to produce great backend engineers.

Join Backend Weekly

If you like post like this, you will absolutely enjoy our exclusive weekly newsletter, Sharing exclusive backend engineering resources to help you become a great Backend Engineer.

Backend Tips, Every week

Backend Tips, Every week