Intermediate React Course

Instructor-led Training

Course Description

Ready to take your React skills to new heights? Our intermediate-level React course is designed to empower you with the knowledge and techniques needed to tackle complex challenges and build professional-grade applications with confidence. Building upon the foundational knowledge of React, this course delves deeper into advanced concepts and best practices, equipping you with the skills required to excel as a React developer. Whether you’re a self-taught enthusiast or a seasoned professional, this course caters to individuals looking to enhance their proficiency in React development.

Audience Profile

This course is built for React developers who have experience building Single Page Applications in React.

About this 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

Need to Train a Team?

Contact us to schedule a dedicated class for your team.