Dictionary

Lazy loading is a performance optimization technique that defers loading of non-critical resources until they are actually needed — typically when they enter the viewport. It is commonly applied to images, videos, and below-the-fold components to speed up initial page load. Modern browsers support native lazy loading via the `loading="lazy"` attribute, while JavaScript-based solutions offer more control through Intersection Observer.

Media queries are a CSS feature that allows you to apply styles conditionally based on device characteristics like viewport width, height, orientation, color scheme preference, or reduced motion settings. They are the backbone of responsive web design, enabling different layouts for mobile, tablet, and desktop screens. Modern media queries also support user preference detection with `prefers-color-scheme` and `prefers-reduced-motion` for more accessible experiences.

Memoization in React is a performance optimization that caches the result of expensive computations or component renders to avoid redundant work on re-renders. React provides `React.memo()` to skip re-rendering a component when its props haven't changed, `useMemo()` to cache computed values, and `useCallback()` to cache function references. While powerful, premature memoization adds complexity — it's best applied after profiling confirms an actual performance bottleneck.

A microinteraction is a small, contained moment in a user interface that accomplishes a single task — a button animation on click, a toggle switch, a pull-to-refresh gesture, or a "like" heart animation. These subtle design details provide feedback, guide users, and add personality to an interface. Well-crafted microinteractions make products feel polished and responsive without overwhelming users.

A modal (or modal dialog) is a UI element that overlays the main content to demand user attention and interaction before they can return to the underlying page. Modals are used for confirmations, forms, alerts, and content previews. Proper implementation requires focus trapping, keyboard accessibility (Escape to close), and preventing background scroll — making accessible modals more complex than they appear.

Model Context Protocol (MCP) is an open standard developed by Anthropic that defines how AI applications connect to external data sources and tools. MCP provides a universal interface for LLMs to access databases, APIs, file systems, and other services through standardized server implementations. It enables building AI applications that can interact with the real world in a structured, secure way.

Multimodal AI refers to models that can process and generate multiple types of data — such as text, images, audio, and video — within a single system. Models like GPT-4o and Claude can accept both text and image inputs, enabling use cases like visual question answering, document analysis, and UI understanding. This convergence is blurring the lines between previously separate AI disciplines.

Natural Language Processing (NLP) is a branch of AI focused on enabling computers to understand, interpret, and generate human language. NLP powers applications like chatbots, translation services, sentiment analysis, and text summarization. Modern NLP has been transformed by transformer-based models, which achieve remarkable performance on tasks that previously required extensive hand-crafted rules.

A neural network is a computational model inspired by the human brain, consisting of layers of interconnected nodes (neurons) that process data by adjusting weighted connections during training. Deep neural networks with many layers form the foundation of modern AI, powering everything from image recognition to language understanding. Common architectures include feedforward networks, convolutional networks (CNNs), and transformers.

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.

Optimistic UI is a pattern where the interface immediately reflects the expected result of a user action before the server confirms it. For example, a "like" button instantly shows the liked state while the API request happens in the background. This makes the app feel significantly faster and more responsive. If the server request fails, the UI rolls back to the previous state and notifies the user.

Progressive enhancement is a web development strategy that starts with a baseline of functional HTML content accessible to all browsers, then layers on CSS styling and JavaScript interactivity for more capable environments. This approach ensures that core functionality works everywhere, while users with modern browsers get a richer experience. It contrasts with graceful degradation, which starts with the full experience and tries to handle failures.