React Application Architecture

High Level Overview

Topics

This workshop picks up right where our Mastering React Core Concepts workshop ends. If you took that workshop, you're ready for this one. In React Application Architecture we'll cover the most common architectural strategies for things routing, lazy loading, various data fetching strategies, and global state.

Attendees will receive an email with their Zoom URL and instructions workshop code about one week prior to the event. There's plenty of instructions for installing the code even if you're new to Node and NPM. This is just a high-level overview of the many topics we'll cover in the event including pre-requisites:

Please ensure you have a good working knowledge of these prerequisites:

• JSX and Component Basics
• Local State
• General Hooks Concepts
• Declarative vs Imperative React
• Client Side Routing Basics
• useEffect Basics
• useRef Basics
• useCallback Basics
• useMemo Basics

• Advanced Side Effects
• Know when to use and not use useEffect
• Data Fetching Strategies
• Routing Strategies
• Caching and Performance
• Advanced Memoization Topics
• The React Compiler / Auto Memoization 🆕
• New React 18 and 19 APIs 🆕
• React Context
• App State (Global State)
• Unit Testing Basics
• Concurrent Rendering with Transitions