React Playground
Concepts · Runtime · Interviews
Explore modern React behavior, rendering, hooks, server architecture, and React 19 concepts through focused explanations, code, and practical reasoning.
Topics
08
Difficulty
Beginner → Advanced
Study time
~154 min
Structure
Learn → Apply
Learning path
Core mechanics → advanced patterns
Topic index
React Hooks
Learn how React Hooks allow functional components to manage state, side effects, context, and reusable logic without using class components.
Context API
Learn how React Context helps share data across components without manually passing props through every level of the component tree.
React Rendering
Understand how React renders components, when re-renders happen, and techniques to optimize rendering performance.
Suspense
Learn how React Suspense improves the loading experience by allowing components to wait for asynchronous resources while displaying fallback UI.
Server Components
Understand how React Server Components improve performance by rendering components on the server and reducing client-side JavaScript.
Server Actions
Learn how React Server Actions simplify server-side mutations by allowing forms and user interactions to directly invoke server functions.
React 19 Features
Explore the major features introduced in React 19, including Actions, the use hook, improved hydration, metadata support, and better developer experience.
React Compiler
Learn how the React Compiler automatically optimizes components by reducing unnecessary re-renders without manual memoization.