react-fundamentals-19

React 19 Server Components render on the server to reduce client-side JavaScript. They enable efficient web applications by executing component logic server-side before sending HTML to the browser.

Server Actions in React 19 allow you to mutate server state directly from client components. They integrate with Suspense to handle pending states, enabling seamless data updates without manual API route creation.

Use Client Components in React 19 for interactive elements requiring state management, event handlers, or browser APIs. Use Server Components for static content and data fetching to optimize initial load performance.

The use() hook in React 19 reads resources like promises during render. It allows conditional hook execution within conditional rendering blocks, unlike traditional hooks that require top-level invocation.

Suspense handles loading states in React by displaying fallback UI during asynchronous rendering. Error Boundaries catch JavaScript errors in child components, preventing total application crashes and showing fallback UI.

Understanding JavaScript fundamentals is necessary to learn React 19. The skill covers JSX syntax, state management, and component patterns, building directly upon foundational JavaScript and web development concepts.