Building Reusable Components with React 19 Actions

Build reusable React components with React 19 Actions using useTransition() and useOptimistic(). Learn how to track pending states, implement optimistic updates, and expose action properties for custom logic in the Next.js App Router with practical examples.

Building an Async Combobox with useSuspenseQuery() and useDeferredValue()

Learn how to build a responsive async combobox component using React's useDeferredValue() and useSuspenseQuery(). Discover how these concurrent features work together to create smooth user experiences with declarative loading states, optimistic updates, and automatic caching for search interfaces.

React Frameworks and Server-Side Features: Beyond Client-Side Rendering

Learn React's server-side features: SSR with streaming, static pre-rendering, hydration, Server Components, and Server Functions. Discover how frameworks like Next.js enable modern full-stack React development.

React <ViewTransition>: Smooth Animations Made Simple

Discover React’s new ViewTransition component and how it leverages concurrent features to create smooth, browser-native animations. Learn enter/exit effects, shared element transitions, list filtering, and Suspense integration with practical examples and CSS customization tips.

React Concurrent Features: An Overview

Learn React's key concurrent features—useTransition, useDeferredValue, Suspense, and useOptimistic—and how they coordinate to create smooth, responsive user experiences. Includes practical examples and best practices.

React Children and cloneElement: Component Patterns from the Docs

Explore React's Children utilities and cloneElement API through their excellent documentation. Learn about compound component patterns, understand their limitations, and discover why modern alternatives like render props and context are often better choices for component composition.

Structuring State in React: 5 Essential Patterns

Learn 5 essential patterns for structuring React state effectively. Discover how to group related data, avoid contradictions, eliminate redundancy, and keep your components maintainable and bug-free.

Component Purity and StrictMode in React

Learn why keeping React components pure is essential for predictable behavior. Discover how StrictMode helps catch side effects and follow best practices for writing clean, maintainable components.

Discover what it takes to be React Certified

The program is designed to validate your competence through real-world coding challenges prepared and reviewed by industry leaders. To help you get ready for the exams, we have developed preparation guides that will give you specific insight into the area of knowledge that you have to have to successfully be certified.