Intermediate React Course

Module 1: Component Design
o Controlled and Uncontrolled Components
o Incorporating Accessibility
o Organized File Structure
o Lifecycle and Effects
● Module 2: State Management & Data Flow
o Custom Hooks
o The UX of Data Fetching
o React Context
o 3rd Party Data Libraries
● Module 3: TypeScript
o Typing React Components
o Typing React Events
o Tying React State
● Module 4: Advanced Testing
o Practical React Unit Testing with Jest and React Testing Library
▪ Comprehensive overview of Queries
▪ Unraveling UserEvents
▪ Asynchronous Operations in RTL
o Practical React Unit Testing with Jest Mocks and Spies
▪ Intro to mocks and spies
▪ Deep dive into automatic mocking, mocking using callback, and
mockImplementation
▪ Understanding mocking methods not in the JSDOM, node modules, and user
modules
▪ Recognizing when spies can be used and how to implement them
▪ Using timing mocks – fake timers, running all timers, and running pending
timers
● Module 5: Intermediate React Router Techniques
o Nested Routing and Route Parameters
o Programmatically navigating with useHistory
o Securing routes with authentication guards
● Module 6: Accessibility & Modern Design Principles
o Intro to WCAG
o Intro to Aria
o Implementing accessibility for clicks, keypresses, & other events
o Integrating automated A11y testing tools
● Module 7: Performance Optimization in React Applications
o Code splitting and lazy loading components
o Memoization and avoiding unnecessary renders
o Leveraging React DevTools for performance tuning
● Module 8: Build Tools and Metaframeworks
o Vite, Gastby, Next, or Remix: How to start a new React project
o Modern rendering approaches: CSR vs SSR vs ISR

3 Days

• Introductory
• TypeScript

Software Developer