Learn to build scalable React applications using the latest tools and techniques available in the React ecosystem! This course is modular, where you can pick and choose various react ecosystems you want to learn. You’ll learn hooks in-depth, CSS-in-JS with TailwindCSS, increase performance with code splitting and server-side rendering, add TypeScript, state management with Redux, test your app with Jest …and more!
Overview
Syllabus
- Introduction
- Code Setup
- useState
- useEffect
- useContext
- useRef
- useReducer
- useMemo
- useCallback
- useLayoutEffect
- useImperativeHandle
- useDebugValue & useId
- CSS & React
- Basics & Gradients
- CSS Libraries
- Layout Basics
- Tailwind Plugins
- Grid & Breakpoints
- Positioning
- Code Splitting
- Server Side Rendering Overview
- Server Side Rendering
- Streaming Markup
- TypeScript Setup
- Refactor Modal
- TypeScript & ESLint
- ThemeContext
- Refactor Details
- ErrorBoundary, Carousel & Pet
- Typing a Custom Hook
- Typing a Function Component
- Refactor Results & Add a Type Check Script
- TypeScript Discussion
- Redux
- Reducers
- Action Creators
- Providers
- Dispatching Actions
- Redux Dev Tools
- Setup Jest & Testing Library
- Basic React Testing
- Testing UI Interactions
- Testing Custom Hooks
- Mocks
- Snapshots
- Test Coverage with Istanbul
- Wrapping Up
Taught by
Brian Holt
