Kumar Kalyan

Posted on Nov 5, 2023

✨Top 15 GitHub repositories to achieve Typescript Mastery🏆

#webdev #opensource #programming #typescript

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. 🙏

1. TypeScript

⚙️ JavaScript with Types

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

Give a 🌠 to TypeScript

2. Roadmap.sh

🚀 The ultimate roadmap for every modern stack

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

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

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 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 🐍 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

Give a 🌠 to Zod

7. Zustand

⚛️ Modern state management for React

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

Give a 🌠 to Zustand

8. tRPC

🛡️ End-to-end typesafe APIs made easy

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

Give a 🌠 to tRPC

9. Formbricks

📊 The Open Source Survey Suite

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

Give a 🌠 to Formbricks

10. Prisma

💧 Next-generation Node.js and TypeScript ORM

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

Give a 🌠 to Prisma

11. Trigger.dev

⚙️ The open source Background Jobs framework for TypeScript

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

Give a 🌠 to Trigger.dev

12. Novu

🔔 Hassle-free notification infrastructure at one place

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

Give a 🌠 to Novu

13. NGX Admin

🛠️ Build admin panels faster than ever

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

Give a 🌠 to NGX Admin

14. Refine

🏢 Open-source Retool for Enterprise

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/

Give a 🌠 to refine

15. Nest Js

📈 A progressive Node.js framework for building efficient, reliable and scalable server-side applications.

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

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