Essential React

Felix Mokross, Patrik Huggenberger, Christoph Salvisberg

Intro

  • About this course
  • A quick overview

Setup

  • How React can be used
  • Create a new app
  • JSX & Typescript
  • Tools

First Components

  • Rendering elements
  • Props
  • Rendering lists
  • Nesting components

Hooks

  • useState
  • Handling input
  • Hooks
  • SyntheticEvent

Routing

  • Defining routes
  • Linking to routes
  • Useful React Router features

Data Fetching

  • Data Fetching with third-party library
  • Loading & error states
  • Using mutations

Forms

  • Different Form Tags
  • Controlled vs. Uncontrolled
  • Form Libraries

Side Effects

  • useEffect
  • Cleanup
  • Custom Hooks

State Management

  • useContext
  • useReducer
  • State management libraries

Remix

  • Routing
  • Data Fetching / Loaders
  • Forms / Actions

Styling

  • CSS Modules
  • SASS
  • Other styling solutions

Various

  • Many further topics for optional deep-dives