React Router and Navigation
October 3, 2025
This post introduces React Router and shows how to build multi-page applications in React. You’ll learn how to set up routes, use dynamic parameters, create protected pages, and navigate programmatically—while comparing these patterns to Angular’s built-in Router. By the end, your Todo app will evolve into a fully navigable multi-page app.
React Context and Advanced State Patterns
September 29, 2025
This post introduces React’s Context API and advanced state management patterns, helping developers avoid prop drilling and simplify data sharing across components. You’ll learn how to set up context providers and consumers, create a global theme switcher, and explore useReducer for handling complex state updates. Along the way, we compare these approaches to Angular’s services and dependency injection for a familiar perspective.
React State and Side Effects with Hooks
September 19, 2025
This post explores how React’s useState and useEffect hooks manage component state and side effects. You’ll learn to update local data, handle lifecycle-like behavior, and persist your Todo app with localStorage.
React Fundamentals: Components, Props, and Your First App
September 12, 2025
This post introduces the core React building blocks—components, props, and events—while walking you through setting up a local React project in VS Code and creating your first interactive Todo app.
From Angular to React: Understanding the Mental Model Shift
September 10, 2025
This post introduces the key mental model shifts Angular developers need to embrace when learning React, highlighting differences in components, templates, state management, and lifecycle handling—complete with a hands-on counter example in both frameworks.
React & Gatsby Learning Series
September 9, 2025
This opening post kicks off the React & Gatsby Learning Series, guiding Angular developers through the key mental model shifts needed to transition into React. It sets the stage by comparing Angular’s prescriptive framework approach with React’s flexible, component-driven philosophy.