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

https://github.com/mdbytes/typescriptdevguide

Using TypeScript in development with Express, React, Redux and more...
https://github.com/mdbytes/typescriptdevguide

express javascript react redux typescript

Last synced: 24 days ago
JSON representation

Using TypeScript in development with Express, React, Redux and more...

Awesome Lists containing this project

README

          

# TypeScript Developer Guide

#### A collection of notes and code

This repository contains a large collection of notes and code related to TypeScript. Some of the code was developed on my own, some with input from online videos or courses. At the end of this file you will find links to TypeScript resources.



Basic TypeScript


Parts 0 through 8


  • Dev environment

  • Type inference and annotations

  • Functions

  • Arrays

  • Tuples

  • Interfaces

  • Classes



Google Maps App


With TypeScript (Part 9)


  • Bundling with Parcel

  • Classes as Objects

  • @types support for Google from npm

  • Interfaces to reduce code duplication

  • Do Not Repeat Yourself (DRY)




Sorting App


With TypeScript (Part 10)


  • Compiling with tsconfig.json

  • Using npm modules nodemon and concurrently

  • Bubble sort algorithm (for simplicity)

  • Making sorter work with numbers, strings, etc.

  • Using a Collections Interface

  • Using an abstract Sorter Class




Soccer Stats App


With TypeScript (Part 11)


  • Compiling with tsconfig.json

  • Using npm modules nodemon and concurrently

  • Enums to clarify code

  • Type assertions for working with data

  • Tuples for representing many types at once

  • Building a CSV File Reader with abstract class

  • Using Generics with Classes




Client Side Web Framework


With TypeScript (Part 12)


  • Model, View, Controller (MVC) Design Pattern

  • REST conventions with JSON Server

  • Eventing system with stored events and handlers

  • Axios with TypeScript

  • Inheritance, Generics, Abstract classes and Interfaces




Express Login App


With TypeScript (Part 13)


  • JavaScript libraries with TypeScript

  • Using Express with TypeScript

  • Using decorators for routing and middleware





React


With TypeScript (Part 13.5)


  • Create React App with TypeScript

  • Typing for functional components

  • Typing for React hooks

  • Typing class components

  • Typing props of all kinds




Task Management App with React and Redux


With TypeScript (Part 14)


  • Create React App with TypeScript support

  • Configuring with tsconfig.json

  • Enums for action types and reducers

  • Exploring type definition files


### Resources

TypeScript official Documentation

Mosh Hamedani's TypeScript Tutorial for Beginners.

Code Evolution's React TypeScript Tutorial For Beginners

Stephen Grider's TypeScript: The Complete Developer's Guide