web-development
Master modern React through rendering mental models, TypeScript, accessible interaction, routing, server state, React 19, testing, production engineering, and a portfolio-quality capstone.
Master modern React through rendering mental models, TypeScript, accessible interaction, routing, server state, React 19, testing, production engineering, and a portfolio-quality capstone.
1. React Readiness 2. React's Rendering Model 3. Components and Composition 4. State, Events, and Forms 5. Thinking in React 6. Effects and External Systems 7. TypeScript for React 8. Routing and URL State 9. Async and Server State 10. Modern React 11. Accessibility and Testing 12. Architecture and Production 13. Professional Capstone
Bridge JavaScript foundations into the browser, modules, asynchronous work, package tooling, and professional debugging.
Understand components, JSX, render and commit, identity, keys, state preservation, and Strict Mode.
Design component boundaries, props, children, reusable APIs, and semantic UI primitives.
Model interactive state, immutable updates, reducers, controlled fields, validation, and submission behavior.
Derive component hierarchies, choose state ownership, avoid duplicated state, and refactor large features safely.
Use effects only for synchronization, with correct dependencies, cleanup, cancellation, and race handling.
Type component contracts, events, refs, reducers, hooks, API data, and explicit UI state without falling back to any.
Build nested route layouts, loaders, actions, pending states, error boundaries, search parameters, and protected workflows.
Model remote ownership with TanStack Query, caching, freshness, mutations, invalidation, pagination, and optimistic rollback.
Apply React 19 actions, optimistic state, form status, use, Suspense, error boundaries, lazy loading, and React Compiler.
Build keyboard-operable interfaces and verify behavior with Testing Library, user-event, MSW, route tests, and accessibility tooling.
Organize features, secure browser applications, normalize failures, profile performance, automate CI, monitor, and deploy.
Plan, build, test, profile, secure, document, and deploy a portfolio-quality project management application.