from Hacker News

Ask HN: What are the best open source TypeScript projects I can learn from?

by pototo666 on 1/1/23, 10:43 AM with 75 comments

• by FBISurveillance on 1/1/23, 1:24 PM

  * https://github.com/excalidraw/excalidraw

  * https://github.com/calcom/cal.com

  * https://github.com/supabase/supabase

  * https://github.com/appwrite/appwrite

  * https://github.com/n8n-io/n8n

  * https://github.com/appsmithorg/appsmith

  * https://github.com/directus/directus

  * https://github.com/Budibase/budibase

• by Benjamin_Dobell on 1/1/23, 1:32 PM

  Depends whether you actually want to learn TypeScript or just how to consume it. More than 90% of TypeScript code I've seen is not actually taking advantage of TypeScript's static analysis capabilities to write safer more scalable code and is instead just being used as glorified autocomplete.

  If you actually want to learn, then take a look at the implementation for stuff like Zod: https://github.com/colinhacks/zod/tree/master/src/helpers

  You can do some really powerful stuff that hugely benefits your team. A decent example I stumbled across recently when I went to release my own library (that does the same thing) is https://github.com/leancodepl/ts-routes

• by cheeseblubber on 1/1/23, 1:02 PM

  I work on Linen https://github.com/Linen-dev/linen.dev its an open source Slack alternative. Its a full stack typescript app. We do a mono repo with typesharing between both client and backend. If you are looking for a realworld typescript SAAS app this would be good

• by lioeters on 1/1/23, 11:55 AM

  This could be a good learning resource, a collection of client & server-side TypeScript projects.

  Awesome TypeScript - https://github.com/dzharii/awesome-typescript

  And here's a list of projects on GitHub tagged with the topic "TypeScript", sorted by most stars. Many build tools I see on the first page, starting with the TypeScript compiler itself - which is an impressive and interesting codebase, but it may not be so suitable for study purpose.

  https://github.com/topics/typescript

  You might enjoy learning from some books too.

  The TypeScript Handbook - https://www.typescriptlang.org/docs/handbook/intro.html

  TypeScript Deep Dive - https://basarat.gitbook.io/typescript/

• by christofosho on 1/1/23, 5:54 PM

  This is not exactly a codebase, but I believe it merits mention in this thread as a great TypeScript learning resource.

  https://type-level-typescript.com/

  A short online course about intermediate-to-advanced level TypeScript.

• by tuxracer on 1/1/23, 12:09 PM

  Senior dev here. Recently have some extra time. Happy to offer some code reviews to help you get started. Contact info in bio

• by mhluongo on 1/1/23, 1:22 PM

  I'm part of the team that maintains a digital wallet browser extension with a really clean codebase — check it out.

  https://github.com/tallyhowallet/extension

• by austin-cheney on 1/1/23, 12:44 PM

  I am working on a Node/browser OS in TypeScript to solve for decentralization/peer-to-peer relations if you want to check that out.

  https://github.com/prettydiff/share-file-systems

  Selling points:

  * No frameworks and minimal dependencies

  * The GUI loads in the browser with full state restoration in about 260ms in Chrome.

  * Full peer to peer file system access

  * Original WebSocket service support faster than the popular NPM packages (ws, socket.io)

  * Peer-to-peer end-to-end test automation in the browser that is faster and easier than the big browser test automation applications (puppeteer, playwrite)

  * I am currently working on a streaming command terminal for the browser for support for for things like vim and irssi. The current experimental terminal only supports basic command input/output

• by zadler on 1/1/23, 12:29 PM

  Zapatos, check out how it does type safe querying. Very impressive work and shows that typescript’s type model has a lot of power.

• by sebrindom on 1/1/23, 11:31 AM

  You should check out https://github.com/medusajs/medusa

  It’s an open source commerce engine built in Node w. TypeScript. The domain is fairly easy to wrap your head around and the architecture and code quality are often praised.

• by okhobb on 1/1/23, 11:49 AM

  I've found NestJs to be a very thoughtful application framework. I'd argue it demonstrates pro-level typescript coding.

  https://github.com/nestjs/nest

• by plondon514 on 1/1/23, 1:15 PM

  I definitely wouldn’t say it’s the “best” open source project but my side project https://github.com/codeamigo/codeamigo is a full stack project written in TypeScript and I’m happy to answer any questions you have about it. Full project here: https://codeamigo.dev

• by darkest_ruby on 1/1/23, 11:05 AM

  Fp-ts and io-ts, best examples of what functional programming along with strict type safety can achieve. The source code is a pleasure to read and explore

• by TowerTall on 1/1/23, 11:19 AM

  This book gave me a good push in the right direction when I was in the same situation as you many years ago. It gave me the tools I needed, and it is still very relevant today. "old but not obsolete" as they say in the terminator movie.

  https://en.wikipedia.org/wiki/Code_Complete

• by m_a_g on 1/1/23, 11:40 AM

  I want to ask the same question for Python and Go. I'd love to see some quality OSS using Python or Go and contribute to them if I can.

• by mburst on 1/1/23, 6:16 PM

  I started working on a project to solve this exact issue https://github.com/mburst/protomolecule. I haven't spent too much time building out other frameworks, but the first framework is React + Express which fits what you're looking for

• by dimitropoulos on 1/2/23, 8:45 PM

  https://github.com/type-challenges/type-challenges

  The type challenges are a great thing to learn with. Admittedly, they're a bit intense but it's a great way to "expand your awareness".

  As a shameless self plug, I'm participating in a 140-day long project to do them all (complete with video explanations) that just started yesterday, if you wanna follow along: https://github.com/type-challenges/type-challenges/issues/21...

• by nullandvoid on 1/1/23, 11:14 AM

  This could be a good place https://create.t3.gg (understanding all the code generation would be useful, but also you can deep dive into any one of the type safe libraries).

• by reducesuffering on 1/1/23, 5:13 PM

  https://github.com/shadcn/taxonomy has been very useful for me learning the new Next.js 13 app/ React Server Components in Typescript.

• by tuan3w on 1/1/23, 12:06 PM

  Outline: https://github.com/outline/outline

  One of the best code base that I have seen, not just TypeScript.

• by nomilk on 1/1/23, 1:42 PM

  This is such a valuable question for other languages too. I wonder if there's a repo/resource listing such projects..

  I asked a similar question about ruby some time ago, and came across one good recommendation (https://github.com/sharetribe/sharetribe), but would love to have many more. I'm also self-taught and feel I haven't read enough great ruby code!

• by bunnyfoofoo on 1/1/23, 11:00 AM

  For backend and general typescript knowledge, I’d highly recommend Apollo GraphQL: https://github.com/apollographql/apollo-server

  Check out their apollo-server and apollo-client repos. It’s a very useful codebase to be knowledgeable about. This is something you should mention in an interview as a strong positive if the company wants graphql experience.

• by mirekrusin on 1/1/23, 11:46 AM

  https://github.com/preludejs for lightweight functional approach.

• by joshka on 1/1/23, 12:06 PM

  Meta question: I wonder what it would take to splat a code quality metric on every github repo. Obviously this is a combination of subjective and objective factors, but I wonder if doing this in bulk would lead to a general improvement in the industry. Particularly paired with CoPilot and having some sort of feedback into the training this would be pretty neat...

• by gherkinnn on 1/1/23, 1:32 PM

  How about a different approach. Instead doing more of the same, branch out in to a different language. Elm, for example. [0]

  Elm specifically will teach you lots on the static types end of things. And it will only take a weekend or so of tinkering to show improvements in your TS life.

  0 - https://elm-lang.org/

• by tajaheidkebbie on 1/1/23, 2:03 PM

  Lolssss you’ve all been duped… this list will be used to train an ai model, which will then take over your job!!

• by zhardy on 1/1/23, 12:59 PM

  I have the same question, but for Java. I'm was front-end developer that now learning back-end.

• by fatih-erikli on 1/1/23, 4:45 PM

  https://github.com/fatih-erikli/table

  https://github.com/fatih-erikli/sketchbook

• by tttcos on 1/1/23, 3:58 PM

  This one is good reading, it's the backend of a real-time 2D multiplayer war game: https://github.com/wight-airmash/ab-server

• by schwartzworld on 1/1/23, 1:29 PM

  It's not popular, but I'm very proud of my ADT library I'm working on. https://github.com/schwartzworld/schtate

• by td8 on 1/1/23, 11:07 AM

  I don't know about the quality, but Mattermost is in TS: https://github.com/mattermost/mattermost-webapp

• by ushakov on 1/1/23, 12:42 PM

  tRPC, because you can learn a lot of type-inference tricks using generics and proxies

  https://github.com/trpc/trpc

• by 99112000 on 1/1/23, 2:09 PM

  You should contribute to open source project that has reviewers, it's like doing a test and having it graded by teachers.

• by Matthias247 on 1/1/23, 8:09 PM

  The vscode codebase might be interesting.