⭐️ This website is under construction ⭐️
Menu
UI Kit LogoUI-KitDocsBlog
All versions
🌜
🌞
UI Kit LogoUI-Kit
  • Docs
  • Blog
  • All versions
  • Introduction
  • Javascript
    • Index
    • Modules
      • Basics
      • Object
      • Data Types
      • Function
      • Prototype
      • Class
      • Destructor
      • Promise
      • Generator
      • Module
      • Set and Weakset
      • Map and WeakMap
      • Async Await
  • ReactJS
    • React_Hooks
      • Introduction
      • Built-in Hooks
        • useState
        • useEffect
        • useContext
        • useMemo
        • useReducer
      • Hooks Rules
    • Extra
      • Extra
      • More Topics
    • Redux
      • Redux and Flux
    • Profiling
    • About React
    • JSX
    • Components
    • Component life Cycle
    • Props and State
    • Events and Event handlings
    • DOM Concepts
    • React Styles
    • Refs
    • HOC
    • React Router
    • Create React App
    • lazy suspence
    • Unit Testing
  • React-TypeScript
    • Editor Tooling and Integration
    • Linting
    • Examples
    • Getting_Started
      • Function Components
      • Hooks
      • Class Components
      • Typing defaultProps
      • Types or Interfaces?
      • Basic Prop Types Examples
      • Useful React Prop Type Examples
      • getDerivedStateFromProps
      • Forms and Events
      • Context
      • forwardRef/createRef
      • Portals
      • Error Boundaries
      • Concurrent React/React Suspense
    • Recommended
      • Codebases to learn from
      • Other resources
      • Talks
    • Troubleshooting
      • Types
      • Operators
      • Utilities
      • Images and other non-TS/TSX files
      • tsconfig.json
      • Bugs in official typings
    • HOC
      • Intro
      • Full HOC Example
      • React HOC docs in TypeScript
      • Excluding Props
    • Migration
      • Intro
      • JSDoc
      • From JS
      • From Flow
    • Advanced
      • Intro
      • Utility Types
      • Useful Patterns by Use Case
      • Useful Patterns by TypeScript Version
      • Misc. Concerns
      • @types/react and @types/react-dom APIs
  • Mongo
    • Mongo
  • Git
    • Git-Tips
    • Git-Ignore
    • Git-Commands
  • 📋 Interview Hub 📋
    • Javascript
    • Typescript
    • HTML
    • Styling CSS
    • DOM & Browser
    • Web & Security
    • Design Pattern
  • 💎 Gem Box 💎
    • UI Resources
    • Learning Resources
    • Hosting Resources
    • CSS Resources
    • Browser Resources
    • React Resources

Other React + TypeScript resources

  • me! https://twitter.com/swyx
  • https://www.freecodecamp.org/news/how-to-build-a-todo-app-with-react-typescript-nodejs-and-mongodb/
  • https://github.com/piotrwitek/react-redux-typescript-guide - HIGHLY HIGHLY RECOMMENDED, i wrote this repo before knowing about this one, this has a lot of stuff I don't cover, including REDUX and JEST.
  • Ultimate React Component Patterns with TypeScript 2.8
  • Basarat's TypeScript gitbook has a React section with an Egghead.io course as well.
  • Palmer Group's TypeScript + React Guidelines as well as Jared's other work like disco.chat
  • Sindre Sorhus' TypeScript Style Guide
  • TypeScript React Starter Template by Microsoft A starter template for TypeScript and React with a detailed README describing how to use the two together. Note: this doesnt seem to be frequently updated anymore.
  • Brian Holt's Intermediate React course on Frontend Masters (paid) - Converting App To TypeScript Section
  • TSX Guide by gojutin
  • TypeScript conversion:
    • Lyft's React-To-TypeScript conversion CLI
    • Gustav Wengel's blogpost - converting a React codebase to TypeScript
    • Microsoft React TypeScript conversion guide
  • You?.
Last updated on 9/10/2020 by krishnaUIDev
Previous
« Recommended React + TypeScript codebases to learn from
Next
Recommended React + TypeScript talks »

UI-Kit

  • FAQ
  • Terms of Service
  • Privacy Policy

Resources

  • Blog
  • Docs
  • Releases

Social

  • GitHub
  • Twitter
  • Deploys by Netlify
UI Kit
Created with ❤ by Krishna