Flexbox

Hot reload is a development feature that injects updated code into a running application without restarting it or losing the current state. In Flutter, hot reload works by injecting updated Dart source code into the running Dart VM, typically completing in under a second. React Native offers a similar feature called Fast Refresh that preserves component state during edits. Both dramatically accelerate the development feedback loop compared to traditional compile-and-restart cycles.

A Higher-Order Component (HOC) is an advanced React pattern where a function takes a component as input and returns a new enhanced component with additional props or behavior. Common use cases include adding authentication checks, analytics tracking, or data fetching logic to existing components. While HOCs were a primary code reuse pattern in class-based React, custom hooks have largely replaced them in modern functional component code due to their simpler composition model.

State management refers to the strategies and tools used to handle, store, and synchronize application data across components in a frontend application. In React, state can live locally in components via `useState`, be shared via Context, or be managed by external libraries like Redux, Zustand, Jotai, or Recoil. Choosing the right state management approach depends on your app's complexity — many apps over-adopt heavy solutions when simpler patterns would suffice.

Responsive design is an approach to web development where layouts, images, and UI elements adapt fluidly to different screen sizes and devices. It relies on flexible grids, media queries, and relative units like `rem`, `%`, and `vw` to ensure a consistent experience from mobile phones to large monitors. Modern responsive design increasingly uses CSS Container Queries and intrinsic sizing techniques to create components that respond to their own container rather than the viewport.

The Virtual DOM is a lightweight in-memory representation of the actual browser DOM that React uses to optimize UI updates. When state changes, React creates a new Virtual DOM tree, compares it with the previous one through a process called reconciliation, and calculates the minimal set of real DOM mutations needed. This batching and diffing approach avoids expensive direct DOM manipulation and was a key innovation that made React's declarative programming model performant.

Flutter is Google's open-source UI toolkit for building natively compiled applications for mobile, web, and desktop from a single Dart codebase. Unlike React Native which maps to platform-native UI components, Flutter renders everything with its own high-performance Skia/Impeller rendering engine, giving developers pixel-perfect control over every element on screen. This approach ensures identical visual output across platforms but means Flutter widgets don't automatically adopt platform-specific design conventions.