Complete Intro to React v8

Watch on Frontend Masters

Complete Intro to React v8

and Intermediate React v5

author image
Brian Holt
Stripe
course icon
Watch on Frontend Masters

Table of Contents

  1. Welcome

    1. Introduction

  2. No Frills React

    1. Pure React
    2. Components

  3. JS Tools

    1. npm
    2. Prettier
    3. ESLint
    4. Git
    5. Vite

  4. Core React Concepts

    1. JSX
    2. Hooks
    3. Effects
    4. Custom Hooks
    5. Handling User Input
    6. Component Composition
    7. React Dev Tools

  5. React Capabilities

    1. React Router
    2. react-query
    3. Uncontrolled Forms
    4. Class Components

  6. Special Case React Tools

    1. Error Boundaries
    2. Portals and Refs
    3. Context

  7. End of Intro

    1. Conclusion
    2. Ways to Expand Your App

  8. Intermediate React v5

    1. Welcome to Intermediate React v5

  9. Hooks in Depth

    1. useRef
    2. useReducer
    3. useMemo
    4. useCallback
    5. useLayoutEffect
    6. useId
    7. Others

  10. TailwindCSS

    1. CSS and React
    2. Tailwind Basics
    3. Tailwind Plugins
    4. Apply
    5. Grid and Breakpoints
    6. Positioning

  11. Advance React Performance

    1. Code Splitting
    2. Server Side Rendering

  12. Low Priority Rerendering

    1. Deferred Values
    2. Transitions

  13. TypeScript

    1. Refactor Modal
    2. Typescript and Eslint
    3. Refactor Details
    4. Refactor Adopted Pet Context
    5. ErrorBoundary
    6. Refactor Carousel
    7. Refactor Pet
    8. Refactor Fetches
    9. Refactor Breed List
    10. Refactor Search Params
    11. Refactor Results
    12. Refactor App

  14. Redux

    1. Redux Toolkit
    2. More App State
    3. RTK Query
    4. Redux Dev Tools

  15. Testing

    1. Testing React
    2. Basic React Testing
    3. Testing UI Interactions
    4. Testing Custom Hooks
    5. Mocks
    6. Snapshots
    7. c8
    8. Visual Studio Code Extension

  16. End of Intermediate

    1. End of Intermediate