Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-typescript

A collection of awesome TypeScript resources for client-side and server-side development. Write your awesome JavaScript in TypeScript
https://github.com/dzharii/awesome-typescript

Last synced: 6 days ago
JSON representation

Built with TypeScript
- Web
  - It-Tools - Collection of handy online tools for developers, with great UX
  - ionic - An open-source mobile app development framework build in TypeScript
  - APIs-guru/graphql-voyager - Represent any GraphQL API as an interactive graph 🛰️
  - redux-zero - A lightweight state container based on Redux
  - Tridactyl - A Firefox browser addon that replaces browser's control mechanism with one modelled on the one true editor, Vim.
  - ILLA Cloud - Open source low-code platform alternative to Retool and Appsmith for developers to build internal tools in minutes.
- Mobile
  - ReactNative - Create native apps for Android, iOS, and more using React
- Web/ReactJS
  - facebook/create-react-app
  - typescript-cheatsheets/react-typescript-cheatsheet
  - Building a simple react component with typescript
  - Working with React and TypeScript
  - React by Example - oriented React tutorial for programmers
  - TodoMVC • TypeScript + React Example
- Back-end API
  - Hono - Hono is a small, simple, and ultrafast web framework for the Edges. It works on any JavaScript runtime
  - LoopBack 4 - A highly extensible Node.js and TypeScript framework for building APIs and microservices. :rocket: (see also: https://loopback.io/)
  - Enso - Typescript first Node.JS framework inspired by Domain Driven Design principles with a focus on composition and Developer Experience
  - Libstack - A collection of various modules to create Typescript server easily and ready to be deployed on Docker.
  - tinyhttp - A modern Express-like web framework for Node.js, written in TypeScript and compiled to Native ESM.
  - Enso - Typescript first Node.JS framework inspired by Domain Driven Design principles with a focus on composition and Developer Experience
- Standalone apps
  - OctoLinker
- Libraries
  - DrizzleORM - Lightweight TypeScript ORM, SQL-like library for flexible data access, serverless-ready, with zero dependencies.
  - Kalimdor.js - Machine Learning library for the Web, Node and Developers!
  - prelude.ts - Functional programming: immutable persistent collections, constructs such as Option and Either, and combinators.
  - tsParticles - A lightweight library for easily creating particles animations for websites (Supports also ReactJS, VueJS, Angular, Svelte and others)
  - Injex - Simple, Decorated, Pluggable dependency-injection framework for TypeScript applications
  - tRPC - TypeScript toolkit for building end-to-end type-safe APIs
  - interface-forge - Test data factories using TypeScript types and interfaces
  - Jest - A comprehensive JavaScript testing solution. Works out of the box for most JavaScript projects.
Getting Started with (Awesome) TypeScript
- Awesome TypeScript Essential Resources
- Typescript Project Starters
  - MicroTS - first approach: from OpenAPI (Swagger) REST API specification is generated complete project with TypeScript code, input validator, UI, tests and Docker configuration.
  - tRPC + Next.js - Full-stack starter projects for end-to-end type safe development with React
  - typescript-starter
  - next-smrt
  - 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
  - pankod/next-boilerplate - structured production ready Next.js boilerplate with Typescript, Redux, Jest, Enzyme, Express.js, Sass, Css, EnvConfig, Reverse Proxy, Bundle Analyzer and Built-in CLI
  - jsynowiec/node-typescript-boilerplate - to-date, developer ready and comprehensive, yet minimalistic template. Works out of the box for most Node.js projects. All basic tools included and configured. Targets latest Node.js LTS and TypeScript releases.
  - typescript-express-starter - Quick and Easy TypeScript Express Starter.
  - The Knests Stack - Full stack boilerplate (hackathon starter) with: PostgreSQL, Knex.js, NestJS, Next.js, GraphQL, React (with hooks and typescript), Material-UI, Docker multistage images for, Docker compose and a Gitlab CI/CD pipeline fully configured.
  - samchon/backend - TypeScript backend template project using the [NestJS](https://nestjs.com) ([nestia](https://github.com/samchon/nestia)) and [TypeORM](https://typeorm.io) ([safe-typeorm](https://github.com/samchon/safe-typeorm)). It helps newbie backend developers through the derived example projects. Also, it even supports the non-distruptive update system in the process level through the [pm2](https://pm2.keymetrics.io/).
  - ts-express-boilerplate - ExpressJS / Typescript template good to start backend projects, with a focus on simplicity and minimal features :P It has logging and testing configured out of the box. Typeorm is used for data access.
  - create-typescript-app - provides a starting point for TypeScript web applications. pnpm, Rollup, Jest, and CSS Modules with SCSS.
  - ts-vite-npm-template - An all-in-one solution for crafting TypeScript-based NPM packages with Vite, complete with built-in GitHub Pages live-demo deployment, automated test-and-build workflows, and Vite-powered unit test configuration, including coverage analysis and a README.md template for your package.
  - nd.ts - setup bare minimum Node.ts project asap
- Books
  - TypeScript in 50 Lessons
  - TypeScript Quickly
  - Angular Development with Typescript, Second Edition (MEAP October 2017) - level tutorial that introduces Angular and TypeScript to developers comfortable with building web applications using other frameworks and tools. (by Yakov Fain and Anton Moiseev; Manning)
  - Angular 2 Development with TypeScript (2016)
  - Learning TypeScript 2.x 2nd Ed.
  - Mastering TypeScript 2nd Ed.
  - Beginning Angular 4 with TypeScript
  - Essential TypeScript 5 - Third edition of the bestselling guide to TypeScript. (by Adam Freeman)
  - Effective TypeScript
  - Advanced TypeScript 3 Programming Projects
  - Mastering TypeScript 2nd Ed.
  - Advanced TypeScript 3 Programming Projects
  - The Concise TypeScript Book (Free and Open Source)
  - Programming with Types - A book on how to design safe, resilient, correct software that’s easy to maintain and understand by taking advantage of the power of type systems. (by Vlad Riscutia)
- Blogs
  - @captain-yossarian's blog - fully dedicated to static typings in TypeScript
- CLI and REPL
  - shebang - node`
  - ts-node
  - Taze
- IDE
  - Visual Studio Community Edition 2015 - free (conditionally) IDE with integrated TypeScript support
  - VS Addon - TypescriptSyntaxPaste - Allow you to copy C# source code, then paste as Typescript syntax which help you with converting DTO or interface
  - Visual Studio Code
  - PhpStorm
  - WebStorm
  - TypeScript playground
  - JS Bin
  - NodeJS Tools for Visual Studio
  - Codepen
  - TypeScript official Playground
- Reference Lists
  - TypeScript Reference for JS developers - Glossary of keywords, operators, statements and directives
Build Systems
- IDE
  - Grunt
  - grunt-ts - Grunt-ts is an npm package that handles TypeScript compilation work in GruntJS build scripts
Module Bundlers
- IDE
  - Farm - Extremely fast Vite-compatible web build tool written in Rust
  - Vite - Next Generation Frontend Tooling
  - Webpack - supports CommonJS and AMD module bundling
  - TypeScript and webpack - How to configure Webpack for TypeScript with source map support
  - Browserify - CommonJS module bundler. Does not support TypeScript "out of the box", but can be applied with * [Grunt](http://gruntjs.com/) tasks: [grunt-ts](https://www.npmjs.com/package/grunt-ts), [grunt-browserify](https://www.npmjs.com/package/grunt-browserify), [grunt-contrib-uglify](https://www.npmjs.com/package/grunt-contrib-uglify)
CMS
- IDE
  - Factor - The Javascript CMS (TypeScript supported natively)
Tools
- IDE
  - bun - Bun is a fast JavaScript runtime, package manager, bundler, test runner
  - deno - A secure runtime for JavaScript and TypeScript
  - TypeDoc - A documentation generator for TypeScript projects
  - Interactive TypeScript AST Viewer - Write TypeScript snippets and explore its AST.
  - ParaglideJS - An i18n compiler that generates fully typesafe translations
Types
- IDE
  - ts-essentials - All essential TypeScript types in one place
CSS In JS With Types
- IDE
  - PandaCSS - CSS-in-JS with build time generated styles, RSC compatible, multi-variant support, and best-in-class developer experience
  - StyleX - StyleX is a JavaScript library for defining styles for optimized user interfaces
  - Vanilla-Extract - Use TypeScript as your preprocessor. Write type‑safe, locally scoped classes, variables and themes, then generate static CSS files at build time
Validation
- Runtime
  - zod - TypeScript-first schema validation with static type inference
  - Yunomix - A form validation toolkit which is designed in AOP form.
:free: Free Courses
- Libraries
  - Angular Applications with TypeScript
  - AngularJS with TypeScript made easy
  - Full Stack React GraphQL TypeScript Tutorial - 14 hour course
  - Evolving JavaScript with TypeScript
  - Why program in TypeScript?
  - List of free online courses about Typescript
  - Functional Programming with TypeScript - Discover functional programming with Typescript and create a library like fp-ts alongside Sahand Javid in this beginner-friendly YouTube playlist.
  - Building CRM from scratch with Typescript and Bun - Building a real-world CRM system from scratch, without big frameworks. Bun, Typescript and Tailwind.
  - List of free online courses about Typescript
:dollar: Paid Courses
- Libraries
- Badges
  - ![TypeScript - badges/) [![TypeScript](https://raw.githubusercontent.com/ellerbrock/typescript-badges/master/badges/code/typescript-125x28.png)](https://github.com/ellerbrock/typescript-badges/) [![TypeScript](https://raw.githubusercontent.com/ellerbrock/typescript-badges/master/badges/love/typescript-125x28.png)](https://github.com/ellerbrock/typescript-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
More awesome resources
- semlinker/awesome-typescript

Programming Languages

TypeScript 16 C# 1 SCSS 1 JavaScript 1

Ecosyste.ms: Awesome

awesome-typescript

Built with TypeScript

Web

Mobile

Web/ReactJS

Back-end API

Standalone apps

Libraries

Getting Started with (Awesome) TypeScript

Awesome TypeScript Essential Resources

Typescript Project Starters

Books

Blogs

CLI and REPL

IDE

Reference Lists

Build Systems

IDE

Module Bundlers

IDE

CMS

IDE

Tools

IDE

Types

IDE

CSS In JS With Types

IDE

Validation

Runtime

:free: Free Courses

Libraries

:dollar: Paid Courses

Libraries

Badges

Social

More awesome resources