Section 1 - Welcome To Epic React

• Welcome to Epic React
• Project READMEs and Pre Reqs
• Clone and Setup
• Running the Epic React Workshop App
• File Structure
• Running Tests
• Example Runthrough

Section 2 - React Fundamentals

• React Fundamentals Welcome
• Basic JS "Hello World"
• Intro to Raw React APIs
• Using JSX
• Creating Custom Components
• Styling
• Forms
• Rendering Arrays
• React Fundamentals Outro

Section 3 - React Hooks

• React Hooks Welcome
• useState: greeting
• useEffect: persistent state
• Hooks Flow
• Lifting state
• useState: tic tac toe
• useRef and useEffect: DOM interaction
• useEffect: HTTP requests
• React Hooks Outro

Section 4 - Advanced React Hooks

• Advanced React Hooks Welcome
• useReducer: simple Counter
• useCallback: custom hooks
• useContext: simple Counter
• useLayoutEffect: auto-growing textarea
• useImperativeHandle: scroll to top/bottom
• useDebugValue: useMedia
• Advanced React Hooks Outro

Section 5 - Advanced React Patterns

• Advanced React Patterns Welcome
• Context Module Functions
• Compound Components
• Flexible Compound Components
• Prop Collections and Getters
• State Reducer
• Control Props
• Advanced React Patterns Outro

Section 6 - React Performance

• React Performance Welcome
• Code Splitting
• useMemo for Expensive Calculations
• React.memo for Reducing re-renders
• Window Large Lists with react-virtual
• Optimize Context Value
• Fix Perf Death by a Thousand Cuts
• Production Performance Monitoring
• React Performance Outro

Section 7 - Testing React Apps

• Testing React Apps Welcome
• Simple Test with ReactDOM
• Simple Test with React Testing Library
• Avoid Implementation Details
• Form Testing
• Mocking HTTP Requests
• Mocking Browser APIs and Modules
• Context and Custom Render Method
• Testing Custom Hooks
• Testing React Apps Outro

Section 8 - React Suspense

• React Suspense Welcome
• Concurrent Mode
• Simple Data-Fetching
• Render as You Fetch
• useTransition
• Cache Resources
• Suspense Image
• Suspense with a Custom Hook
• Coordinate Suspending Components with SuspenseList
• React Suspense Outro

Section 9 - Build an Epic React App

• Build an Epic React App Welcome
• Walkthrough of Project Setup
• Render a React App
• Add Styles
• Make HTTP Requests
• Authentication
• Routing
• Cache Management
• Context
• Compound Components
• Performance
• Render as You Fetch
• Unit Testing
• Testing Hooks and Components
• Integration Testing
• E2E Testing
• Build an Epic React App Outro