ui.dev
  • Course Logo
    react.gg
  • Course Logo
    query.gg
  • Course Logo
    Advanced JavaScript
  • Course Logo
    Modern JavaScript
  • Course Logo
    React Router
  • Course Logo
    TypeScript
  • Course Logo
    React + TypeScript
  • Course Logo
    Classic React
  • Course Logo
    Redux

  • Introduction

    0%
    • Introduction, Philosophy, and Tips
    • Projects (What you'll build)

  • Configuring TypeScript for React

    0%
    • Configuring TypeScript for React
    • quiz(Quiz) Configuring TypeScript for React

  • Annotating Components

    0%
    • Class Components
    • quiz(Quiz) Class Components
    • practice(Practice) Annotating Components
    • solution(Solution) Annotating Components
    • Function Components
    • quiz(Quiz) Function Components

  • Built-In React Types

    0%
    • Component and Element Types
    • quiz(Quiz) Component and Element Types
    • (Bonus) Intrinsic Elements

  • Hooks

    0%
    • useState & useReducer
    • quiz(Quiz) useState & useReducer
    • practice(Practice) useReducer
    • solution(Solution) useReducer
    • useEffect, useMemo, useCallback
    • quiz(Quiz) useEffect, useMemo, useCallback

  • Typing Props

    0%
    • Common Props Patterns
    • quiz(Quiz) Common Props Patterns
    • Event Handlers
    • quiz(Quiz) Event Handlers
    • Advanced Props Patterns
    • quiz(Quiz) Advanced Props Patterns
    • (Bonus) PropTypes
    • practice(Practice) Props
    • solution(Solution) Props

  • Context

    0%
    • Context
    • quiz(Quiz) Context

  • Refs

    0%
    • Refs
    • quiz(Quiz) Refs

  • Project: TypeScript Conversion

    0%
    • project(Project) Introduction
    • project(Project) TypeScript Configuration
    • project(Project) API
    • project(Project) Hooks, Context, Tooltip
    • project(Project) Battle
    • project(Project) Card, Nav, Loading
    • project(Project) Popular
    • project(Project) Results

  • Outro

    0%
    • Outro