DEV Community

Cover image for โœจTop 15 GitHub repositories to achieve Typescript Mastery๐Ÿ†
Kumar Kalyan
Kumar Kalyan

Posted on

โœจTop 15 GitHub repositories to achieve Typescript Mastery๐Ÿ†

TL;DR โšก

This article contains a list of useful GitHub repositories that will help you achieve TypeScript mastery.

๐Ÿ† These are the top-picked repositories of in-demand TypeScript libraries, structured TypeScript roadmaps, handbooks, style guides, etc.

๐Ÿ—บ๏ธ Make sure to explore these repositories, feel free to contribute to them if you like, and give them a โญ and help them grow ๐ŸŽ‰ & please don't spam these repositories. ๐Ÿ™

Thinking


1. TypeScript

โš™๏ธ JavaScript with Types

TypeScript

  • Official repository for TypeScript ๐Ÿ
  • Contains official source code, documentation, and programming handbook
  • 95k stars on GitHub โœจ
  • 749 contributors ๐Ÿค
  • Maintained by Microsoft Corporation and the TypeScript community ๐Ÿ™

Install TypeScript using

npm install -D typescript
Enter fullscreen mode Exit fullscreen mode

Give a ๐ŸŒ  to TypeScript


2. Roadmap.sh

๐Ÿš€ The ultimate roadmap for every modern stack

Roadmap.sh

  • Roadmaps for almost all the modern stack ๐Ÿโš›๏ธโ˜๏ธ
  • Contains Detailed guides, exercises, articles, and tutorial videos ๐Ÿ“š๐Ÿ‘€๐ŸŽฅ
  • 275K stars on GitHub โœจ
  • 35.4K forks ๐Ÿด
  • 695 contributors ๐Ÿค

Give a ๐ŸŒ  to Roadmap.sh


3. Type Challenges

๐Ÿง  Challenge your skills with type challenges

Type Challenges

  • Contains Beginner to advanced level challenges๐Ÿ†
  • 37K+ stars โœจ
  • 4K+ forks ๐Ÿด
  • 232+ contributors ๐Ÿค
  • Translated into Korean, Chinese, and Japanese ๐ŸŒ

Give a ๐ŸŒ  to Type Challenges


4. Awesome TypeScript

๐Ÿ“š A collection of beginner to advanced level TypeScript resources

Awesome TypeScirpt

  • Contains resources ๐Ÿ“š๐Ÿ’ป on client-side and server-side TypeScript, Books, guides, blogs, podcasts, tutorial videos, tools, etc.
  • 4.2K stars โœจ
  • 375 forks ๐Ÿด
  • 152 contributors ๐Ÿค

Give a ๐ŸŒ  to Awesome TypeScript


5. The Algorithms

๐Ÿ† Master TypeScript data structures and algorithms at one place

The Algorithims

  • The Algorithms Repository ๐Ÿ“– is a comprehensive resource for algorithms in many languages, including JavaScript ๐Ÿ, TypeScript ๐Ÿ, Java ๐Ÿ˜, Python ๐Ÿ, and Go ๐Ÿน. It covers a wide range of data structures, such as graphs ๐Ÿ“Š, arrays ๐Ÿ”ข, trees ๐ŸŒณ, heaps โ›ฐ๏ธ, hashmaps ๐Ÿ—๏ธ, tuples, etc ๐Ÿค” .
  • 776 stars โœจ
  • 201 forks ๐Ÿด
  • 55 contributors ๐Ÿค

Give a ๐ŸŒ  to The Algorithms


6. Zod

โœจ TypeScript-first schema validation with static type inference

Zod

  • Zod ๐Ÿ is a schema declaration and validation library for TypeScript ๐Ÿ. It works with popular backend frameworks like Node.js ๐Ÿ˜, Deno ๐Ÿฆ•, and Bun ๐Ÿน, and supports all modern browsers ๐ŸŒ. It allows developers to define type-safe schemas for various data types like strings ๐Ÿ“, arrays ๐Ÿ”ข, primitive types ๐Ÿชจ, etc.
  • Tiny in size ๐Ÿค
  • Have immutable methods ๐Ÿ”’
  • Have concise chainable interface โ›“๏ธ
  • 26.5k stars โœจ
  • 895 forks ๐Ÿด
  • 256 contributors ๐Ÿค Install Zod using
npm install zod     
Enter fullscreen mode Exit fullscreen mode

Give a ๐ŸŒ  to Zod


7. Zustand

โš›๏ธ Modern state management for React

Zustand

  • Zustand โšก is one of the most popular state management libraries for React.js โš›๏ธ and its ecosystem frameworks like Next.js ๐Ÿƒโ€โ™‚๏ธ. It is a fast and scalable state management library built on top of Flux principles ๐ŸŒ€. It helps in handling critical challenges like React concurrency ๐Ÿ”€ and context loss โŒ.
  • Tiny in size ๐Ÿค
  • 36.5k stars โœจ
  • 1.1k forks ๐Ÿด
  • 213 contributors ๐Ÿค

Install Zustand using

npm install zustand
Enter fullscreen mode Exit fullscreen mode

Give a ๐ŸŒ  to Zustand


8. tRPC

๐Ÿ›ก๏ธ End-to-end typesafe APIs made easy

Trpc

  • tRPC ๐Ÿ stands for TypeScript Remote Procedure Call ๐Ÿ“ž and is used for building APIs in TypeScript ๐Ÿ. It is lightweight ๐Ÿชถ and easy to integrate into TypeScript projects ๐Ÿงฉ. It supports multiple transport protocols, including HTTP ๐ŸŒ, Web Sockets ๐Ÿ•ธ๏ธ, and TCP ๐Ÿ”Œ. It is used for building Next.js applications ๐Ÿƒโ€โ™‚๏ธ, micro frontends ๐Ÿงฉ, and applications supporting real-time data exchange โฉ.
  • 29.6k stars โœจ
  • 1.1k forks ๐Ÿด
  • 327 contributors ๐Ÿค Install tRPC using
npx create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
Enter fullscreen mode Exit fullscreen mode

Give a ๐ŸŒ  to tRPC


9. Formbricks

๐Ÿ“Š The Open Source Survey Suite

From bricks

  • Form Brick ๐Ÿงฑ is an open-source alternative to Typeform ๐Ÿ“ฑ used for taking surveys ๐Ÿ“‹. It can be easily integrated with any modern web stack ๐ŸŒ. It has features like FormBuilder ๐Ÿ› ๏ธ, triggers ๐Ÿ””, and analytics and insights generated on form data ๐Ÿ“ˆ.
  • 4.2k stars โœจ
  • 675 forks ๐Ÿด
  • 127 contributors ๐Ÿค Install Form Bricks using
npm install --save @formbricks/js

Enter fullscreen mode Exit fullscreen mode

Give a ๐ŸŒ  to Formbricks


10. Prisma

๐Ÿ’ง Next-generation Node.js and TypeScript ORM

Prisma

  • Prisma ๐Ÿ is a next-generation ORM for TypeScript ๐Ÿ and Node.js ๐Ÿ˜. It is used to communicate with the database ๐Ÿ’ฝ within an app ๐Ÿ“ฑ. It supports modern databases like PostgreSQL ๐Ÿ˜, MySQL ๐Ÿฌ, SQLite ๐Ÿฟ๏ธ, SQL Server ๐Ÿข, MongoDB ๐Ÿณ, and CockroachDB ๐Ÿชณ.
  • 34.6k stars โœจ
  • 1.4k forks ๐Ÿด
  • 226 contributors ๐Ÿค

Install Prisma Using

npm install @prisma/client
Enter fullscreen mode Exit fullscreen mode

Give a ๐ŸŒ  to Prisma


11. Trigger.dev

โš™๏ธ The open source Background Jobs framework for TypeScript

Trigger.dev

  • Trigger.dev ๐Ÿค– helps in defining long-running jobs โณ directly inside your app ๐Ÿ“ฑ with API integrations ๐Ÿค, webhooks ๐Ÿ•ธ๏ธ, scheduling ๐Ÿ—“๏ธ, and delays โฑ๏ธ. It's integrated with popular tools like GitHub ๐Ÿ™, Airtable ๐ŸŒŒ, OpenAI ๐Ÿค–, Supabase ๐Ÿฌ, Resend โœ‰๏ธ, SendGrid โœ‰๏ธ, Stripe ๐Ÿ’ณ, and more ๐Ÿ› ๏ธ.
  • 5.6k stars โœจ
  • 288 forks ๐Ÿด
  • 51 contributors ๐Ÿค

Install Trigger.dev using

npx @trigger.dev/cli@latest init

Enter fullscreen mode Exit fullscreen mode

Give a ๐ŸŒ  to Trigger.dev


12. Novu

๐Ÿ”” Hassle-free notification infrastructure at one place

Novu

  • Novu ๐Ÿ”” helps you manage all your notifications in one place. It supports channels and providers like web push ๐ŸŒ๐Ÿ“ฑ, in-app ๐Ÿ“ฑ, chat ๐Ÿ’ฌ, email โœ‰๏ธ, and SMS ๐Ÿ“ฑ. It provides workflows like step filters โš™๏ธ, digest engine ๐Ÿ“ฐ, predefined templates ๐Ÿ“„, delayed actions โŒ›๏ธ, and messages ๐Ÿ’ฌ. The best part is that it integrates with almost all popular services like FCM ๐Ÿค–, SendGrid โœ‰๏ธ, Twilio ๐Ÿ“ž, OneSignal ๐Ÿ””, and more ๐Ÿ› ๏ธ.
  • 30.7k stars โœจ
  • 3.4k forks ๐Ÿด
  • 360 contributors ๐Ÿค

Install Novu using

npm install @novu/notification-center

Enter fullscreen mode Exit fullscreen mode

Give a ๐ŸŒ  to Novu


13. NGX Admin

๐Ÿ› ๏ธ Build admin panels faster than ever

NGX Admin

  • Ngx Admin ๐Ÿฐ is an open-source pre-built admin dashboard ๐Ÿ“Š that can be used to build dashboards for various industries, such as e-commerce ๐Ÿ›๏ธ, IoT ๐Ÿค–, and real-time monitoring ๐Ÿ“ˆ. It is written in Angular ๐ŸŸ and is fully responsive ๐Ÿ“ฑ.
  • 29.6k stars โœจ
  • 1.1k forks ๐Ÿด
  • 327 contributors ๐Ÿค

Install NGX Admin using

git clone https://github.com/akveo/ngx-admin.git
cd ngx-admin && npm i
npm start
Enter fullscreen mode Exit fullscreen mode

Give a ๐ŸŒ  to NGX Admin


14. Refine

๐Ÿข Open-source Retool for Enterprise

Retool

  • Refine ๐Ÿš€ is a React meta framework โš›๏ธ that helps developers build admin panels ๐Ÿข, internal tools ๐Ÿ› ๏ธ, and B2B apps ๐Ÿค faster with predefined features like authentication ๐Ÿ”, access control ๐Ÿ›ก๏ธ, routing ๐Ÿ—บ๏ธ, networking ๐ŸŒ, state management ๐Ÿง , and i18n ๐Ÿ—ฃ๏ธ. It works with popular providers like Appwrite โ˜๏ธ, Supabase ๐Ÿฌ, Auth0 ๐Ÿ”’, Hasura ๐Ÿ˜, MUI ๐ŸŽจ, and AntDesign ๐Ÿœ.
  • 29.6k stars โœจ
  • 1.1k forks ๐Ÿด
  • 327 contributors ๐Ÿค Create a refine app visiting the URL Below
https://refine.new/
Enter fullscreen mode Exit fullscreen mode

Give a ๐ŸŒ  to refine


15. Nest Js

๐Ÿ“ˆ A progressive Node.js framework for building efficient, reliable and scalable server-side applications.

Nest Js

  • Nest.js ๐Ÿฆ is an open-source backend development framework ๐Ÿš€ used for building highly scalable backend servers ๐Ÿข written in TypeScript ๐Ÿ. Its key features include support for GraphQL ๐Ÿ”ฎ, highly secured authentication and authorization ๐Ÿ”, microservices using Redis ๐Ÿ”ด, Kafka ๐Ÿ˜, and gRPC ๐Ÿ“ž, built-in support for WebSockets ๐Ÿ•ธ๏ธ, and OpenAPI specification ๐Ÿ“–.
  • 29.6k stars โœจ
  • 1.1k forks ๐Ÿด
  • 327 contributors ๐Ÿค Create a nest app using
 npm i -g @nestjs/cli
 nest new project-name
Enter fullscreen mode Exit fullscreen mode

Give a ๐ŸŒ  to Nest Js


So, here my article ends ๐Ÿ. Feel free to mention your thoughts or any suggestions or any other useful repositories for TypeScript developers that I haven't mentioned in my articles in the comments section ๐Ÿ’ฌ.

Stay tuned for my next blog till then

Bye

Top comments (5)

Collapse
 
nevodavid profile image
Nevo David

Great stuff!

Collapse
 
kumarkalyan profile image
Kumar Kalyan

Thanks Nevo ๐Ÿ‘

Collapse
 
srbhr profile image
Saurabh Rai

Really awesome list, more TS please.

Collapse
 
narrinddhar_52 profile image
Narendra gorantla

๐Ÿ˜ฒ

Collapse
 
manchicken profile image
Mike Stemle • Edited

How does this article add any value that GitHub trends or OpenSauced.pizza wouldn't?

I don't think these lists are terribly helpful.