Lazy Loading

Redux is a predictable state management library that stores the entire application state in a single immutable store, updated exclusively through dispatched actions and pure reducer functions. Redux Toolkit (RTK) is now the recommended way to use Redux, dramatically reducing boilerplate with utilities like `createSlice` and `createAsyncThunk`. While Redux remains popular in large enterprise applications that benefit from strict unidirectional data flow and time-travel debugging, lighter alternatives like Zustand have gained ground for simpler use cases.

Atomic Design is a methodology by Brad Frost for creating design systems by breaking interfaces into five hierarchical levels: atoms (basic HTML elements), molecules (simple component groups), organisms (complex UI sections), templates (page-level layouts), and pages (specific instances with real content). This approach provides a consistent mental model for organizing component libraries in React, React Native, or Flutter projects and ensures systematic scalability of the UI.

Accessibility (often abbreviated a11y) is the practice of designing and building websites and apps so they can be used by everyone, including people with visual, motor, auditory, or cognitive disabilities. This involves proper semantic markup, keyboard navigation support, sufficient color contrast, and screen reader compatibility. Beyond being an ethical responsibility, accessibility is increasingly a legal requirement in many jurisdictions.

A controlled component is a form element in React whose value is driven by React state rather than the DOM's own internal state. The component's value is set through a `value` prop and updated via an `onChange` handler, giving React full control over the form data. This pattern enables validation on every keystroke, conditional disabling of submit buttons, and enforcing input formats, making it the recommended approach for most form handling in React applications.

Next.js is a full-stack React framework by Vercel that provides server-side rendering, static site generation, API routes, file-based routing, and built-in optimizations out of the box. Its App Router (introduced in v13) uses React Server Components by default, enabling a new paradigm of server-first rendering with selective client-side interactivity. Next.js has become the de facto standard for production React applications due to its performance optimizations, developer experience, and deployment flexibility.

Server-Side Rendering (SSR) is a technique where web pages are rendered to HTML on the server for each request, rather than relying on client-side JavaScript to build the page in the browser. SSR provides faster initial page loads and better SEO since search engines receive complete HTML content. Modern SSR in frameworks like Next.js supports streaming, allowing the server to progressively send HTML chunks as they become ready rather than waiting for the entire page to render.