Essential React

by Moritz Eck & Felix Mokross & Christoph Salvisberg

Intro

  • About this course
  • A quick overview
  • JavaScript recap

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

Data Fetching

  • Data Fetching background
  • Using a third-party library
  • loading & error states

Routing

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

Forms

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

Side Effects

  • useEffect
  • Cleanup
  • Custom Hooks

State Management

  • useContext
  • useReducer
  • State management libraries

Styling

  • CSS Modules
  • SASS
  • Other styling solutions

Various

  • Many further topics for optional deep-dives