This repository is summary of the Epic React lecture by Keny C. Dodds.
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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