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

Kumar Kalyan - Nov 5 '23 - - Dev Community

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

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Terabox Video Player