from Hacker News

Ask HN: Which TypeScript codebase should I study to get better?

by nblavoie on 11/9/17, 2:02 PM with 73 comments

• by evmar on 11/9/17, 3:59 PM

  The TypeScript compiler is the canonical corpus of code written by TypeScript experts, and I learned a lot of interesting style from the time I've spent with it. (Fun fact: they don't use 'class' in the compiler at all, but instead have a different pattern for passing around interfaces+state that is much more TypeScript-y.)

• by disease on 11/9/17, 2:35 PM

  Visual Studio Code: https://github.com/microsoft/vscode

• by Flux159 on 11/9/17, 4:00 PM

  If you want to learn more about 3d engines (game or rendering), I would recommend BabylonJS: https://github.com/BabylonJS/Babylon.js

  It has fairly good docs: http://doc.babylonjs.com/ as well as an active forum for developers and users: http://www.html5gamedevs.com/forum/16-babylonjs/

  Other options mentioned are also good - the Typescript compiler (https://github.com/Microsoft/TypeScript) is good to get started with especially if you read this Gitbook: https://basarat.gitbooks.io/typescript/content/docs/compiler...

  You could also search popular typescript github projects that are more closely related to what you work on, but the Typescript compiler and Babylonjs 3d engine are both well written projects with fairly good documentation in my opinion.

• by nikcub on 11/9/17, 3:51 PM

  Three i've read through recently:

  1. InversifyJS - DI in Typescript / JS

  https://github.com/inversify/InversifyJS

  2. TypeORM - as it says, might be the best ORM for nodejs projects:

  https://github.com/typeorm/typeorm

  3. Searchkit - ES web frontend - react + typescript

  https://github.com/searchkit/searchkit

• by klodolph on 11/9/17, 2:46 PM

  The TypeScript compiler itself is written in TypeScript: https://github.com/Microsoft/TypeScript

• by rightisleft on 11/9/17, 3:48 PM

  I really love this ORM project for typescript:

  http://typeorm.io/

  It's also one of the larger enterprise grade projects that i've seen done natively in TS. It pretty much uses all the bells and whistles that the language provides. Some decent patterns, and an active developer community.

• by yesimahuman on 11/9/17, 3:36 PM

  We use TypeScript heavily at Ionic.

  Ionic Framework 2+ is TS: https://github.com/ionic-team/ionic

  Our new web component compiler Stencil is also TS: https://github.com/ionic-team/stencil

• by bradyholt on 11/9/17, 2:25 PM

  GitHub Desktop is 92% TypeScript: https://github.com/desktop/desktop

• by nblavoie on 11/9/17, 3:13 PM

  And what about the "TypeScript Design Patterns" book, you guys have read it ? Is it good ? Is it worth the investment ? http://amzn.to/2ym40AW And what about Online Courses on Udemy?

• by coding123 on 11/9/17, 3:28 PM

  I recently wrote and submitted a pull-request to DefinitelyTyped. Find non-Typescript packages and add the typings :).

• by DonHopkins on 11/9/17, 4:54 PM

  This is a great discussion! Reading good code is the best way to learn.

  Reading the NativeScript code gave me a really good impression of TypeScript, although I'm just learning it and haven't written much yet myself.

  https://www.nativescript.org/using-typescript-with-nativescr...

  I have a huge blob of old JavaScript cellular automata code I want to rewrite in TypeScript, but first I want to read some good TypeScript code before starting so I don't mess it up.

  It has a bunch of old "frameworky" meta-programming code and data structures that I've painted myself into a corner with (see the "type definitions" comments), which I'd like to throw away and re-implement from scratch, because TypeScript is much better suited for that kind of stuff. And then there's a bunch of brute force bit bashing and number crunching code that I hope will just run without any modification and only a little repackaging, which is another nice benefit of TypeScript.

  https://github.com/SimHacker/CAM6/blob/master/javascript/CAM...

• by dresr_throwaway on 11/9/17, 11:11 PM

  If you're going to be doing React - the Blueprint source (Palantir's react ui kit) seems to be really well written. I don't work there... I just use it.

  https://github.com/palantir/blueprint/tree/master/packages/c...

• by zengid on 11/9/17, 4:07 PM

  The firebase web SDK is written in TypeScript: https://github.com/firebase/firebase-js-sdk

• by lloyd-christmas on 11/9/17, 11:13 PM

  Rxjs is another good one.

  https://github.com/ReactiveX/rxjs

• by kevinSuttle on 11/9/17, 3:09 PM

  I would take an existing vanilla JS project if you have one, and convert it. I learned a lot there. You can also learn a lot of the conventions by using/studying TSLint. https://github.com/palantir/tslint

• by palimpsests on 11/10/17, 2:41 AM

  GlimmerJS

  https://github.com/glimmerjs/glimmer.js

• by basarat on 11/20/17, 1:18 AM

  TypeStyle https://typestyle.github.io/

• by kjaer on 11/9/17, 8:36 PM

  lit-html is relatively short and well documented.

  https://github.com/PolymerLabs/lit-html

• by abritinthebay on 11/9/17, 5:02 PM

  Depends. How good are you at JS? Because I think learning what great JS looks like will give you a better grounding in what TS is actually adding to JS and what is “good TS” vs “good general practice”.

  That might sound dismissive of TS but it’s not, I’m just trying to get a sense on what you’re trying to learn from TS.

• by ihsw2 on 11/9/17, 4:04 PM

  Not to toot my own horn but I quite like my personal project, an HTTP client for the Toxiproxy server (a programmable TCP proxy).

  https://github.com/ihsw/toxiproxy-node-client