/awesome-typescript

A collection of awesome TypeScript resources for client-side and server-side development. Write your awesome JavaScript in TypeScript

The UnlicenseUnlicense

Awesome TypeScript

-= Awesome TypeScript =- Awesome Elasticsearch →

A collection of awesome TypeScript resources for client-side and server-side development. Write your awesome JavaScript in TypeScript. Inspired by the awesome lists.

More awesome resources

semlinker/awesome-typescript thank you @semlinker for curating the list!

Contributing

Please take a quick look at the contribution guidelines first. If you see a package or project here that is no longer maintained or is not a good fit, please submit a pull request to improve this file.

Getting Started with (Awesome) TypeScript

Awesome TypeScript Essential Resources

Typescript Project Starters

  • typescript-starter – A CLI to quickly generate and configure new libraries and Node.js projects
  • next-smrt – A Typescript/NextJs boilerplate with Redux/Styled Components/Material UI and TypeSafe Actions.
  • :octocat: Next-Postgres-With-Typescript - Forum-like fullstack web app boilerplate with Next.js 7.0.2 + Sequelize 4/Postgres + Typescript + Redux + Passport Local Auth + Emotion
  • MicroTS Microservice code generator with interface-first approach: from OpenAPI (Swagger) REST API specification is generated complete project with TypeScript code, input validator, UI, tests and Docker configuration.
  • pankod/next-boilerplate A well-structured production ready Next.js boilerplate with Typescript, Redux, Jest, Enzyme, Express.js, Sass, Css, EnvConfig, Reverse Proxy, Bundle Analyzer and Built-in CLI

Books

CLI and REPL

  • Use ts-node to run scripts or REPL
  • How to make executable typescript scripts:
    1. Make sure you have npx (shipped with npm >= 5.2) and typescript package is installed
    2. Add this shebang as first line to your script: #!npx ts-node
    3. Make script executable: chmod +x script.ts
    4. Run directly: ./script.ts :)

IDE

Offline

Visual Studio
Other (Plugins || Cross-platform || OSS || Free)

Online

Playground
Chrome Extension

Awesome TypeScript Videos

TypeScript for...

React

Aspect Oriented Programming

  • Agent Framework Create interceptor for your class and method using @decorators

Build Systems

  • Grunt tasks:
    • grunt-ts - Grunt-ts is an npm package that handles TypeScript compilation work in GruntJS build scripts
  • Zwitterion - Super simple development server with built-in support for TypeScript files.

Module Bundlers

Tools

Types

  • type-o-rama - JS type systems interportability
  • utility-types - Utility Types for TypeScript (provide compatibility with Flow's Utility Types)
  • elm-ts - Port of Elm architecture to TypeScript featuring fp-ts, io-ts, rxjs5 and React
  • ts-essentials - All essential TypeScript types in one place
  • typescript-conditional-types - Helpers for typescript generic types
  • ts-types-utils - Type utilities for typescript
  • typesync - Install missing TypeScript typings for dependencies in your package.json.
  • type-fest - A collection of essential TypeScript types

Built with TypeScript

Mobile

  • :octocat: NativeScript - Open Source framework for building cross-platform truly native iOS, Android and Windows mobile apps using JavaScript
  • Monaco Editor

Web

  • :octocat: Angular - Angular is a development platform for building mobile and desktop web applications
  • :octocat: ionic - An open-source mobile app development framework build in TypeScript
  • :octocat: React-UWP - React Components that Implement Microsoft's UWP Design & Fluent Design.
  • :octocat: palantir/plottable - A library of modular chart components, built on D3 (see also: http://plottablejs.org)
  • :octocat: APIs-guru/graphql-voyager - Represent any GraphQL API as an interactive graph 🛰️
  • :octocat: Rebilly/ReDoc - OpenAPI/Swagger-generated API Reference Documentation
  • :octocat: excaliburjs/Excalibur - Free open source JavaScript game engine
  • :octocat: Bobril - Component oriented framework inspired by Mithril and ReactJs. (see also: http://bobril.com/)
  • :octocat: Stencil - a tool for building modern Web Components
  • :octocat: redux-zero - A lightweight state container based on Redux
  • :octocat: wretch - A tiny (< 2.2Kb g-zipped) wrapper built around fetch with an intuitive syntax.
  • :octocat: Cycle.js - A functional and reactive JavaScript framework for predictable code.
  • :octocat: Tridactyl - A Firefox browser addon that replaces browser's control mechanism with one modelled on the one true editor, Vim.
  • :octocat: armour/vue-typescript-admin-template - A vue-cli 3.0 & typescript minimal admin template + a production-ready front-end solution for admin interfaces (demo)

Back-end API

  • :octocat: Nest - A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications on top of TypeScript 🚀 (see also: https://nestjs.com/)

Standalone apps

Design patterns

Libraries

  • :octocat: RxJS - A reactive programming library for JavaScript.
  • :octocat: xstream - An extremely intuitive, small, and fast functional reactive stream library for JavaScript.
  • :octocat: substitute.js - A fluent mocking library for TypeScript ported from NSubstitute.
  • :octocat: TypeMoq - A simple mocking library for TypeScript.
  • :octocat: fast-check - Property based testing framework for TypeScript.
  • :octocat: InversifyJS - powerful and lightweight inversion of control container for JavaScript & Node.js apps powered by TypeScript.
  • :octocat: TypeORM - ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, WebSQL databases. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms.
  • :octocat: TypeGQL - Set of tools for creating GraphQL schema directly from typed TypeScript class.
  • :octocat: TSTL - Implementation of C++ STL (Standard Template Library) in TypeScript. Provided modules are containers, iterators, algorithms and functors.
    • :octocat: ECol - Extension of TSTL containers; collections dispatching Elements I/O events.
    • :octocat: TGrid - Grid Computing Framework, Network & Thread extension of TSTL, supporting RFC (Remote Function Call).
  • :octocat: Kalimdor.js - Machine Learning library for the Web, Node and Developers!
  • :octocat: prelude.ts - Functional programming: immutable persistent collections, constructs such as Option and Either, and combinators.
  • :octocat: ee-ts - Typed event emitters
  • :octocat: io-ts - Type validation at runtime
  • :octocat: mokia - A mock server integrated data simulation and http service.

Video Courses

🆓 Free Courses

💵 Paid Courses

Badges

Social

  • @typescriptlang - Official Typescript Twitter
  • @angularjs - Official Angularjs Twitter using Typescript Since 2.0
  • @jntrnr - Typescript Program Manager at Microsoft
  • @ahejlsberg - Technical Fellow at Microsoft involved with the Typescript project