Skip to content

Module 10: React Ecosystem

The libraries every React project uses: React Router for navigation, SWR or React Query for data fetching, Jest for unit tests, and React Testing Library for component tests.

This module is planned. Full content coming soon.

Prerequisites

  • Module 09: React Patterns

What You'll Learn

  • React Router v6: BrowserRouter, Routes, Route, Link, NavLink, useNavigate, useParams, useSearchParams, nested routes, lazy loading routes with React.lazy
  • Data fetching with SWR or React Query: declarative data fetching, loading/error/success states, cache invalidation, mutations, optimistic updates
  • Forms: controlled components, React Hook Form for performant uncontrolled forms, validation
  • Testing with Jest: unit testing pure functions, mocking modules, test matchers
  • Testing with React Testing Library: the philosophy of testing behavior not implementation, render, screen, fireEvent, userEvent, waitFor, mocking API calls