Dictionary

JSX (JavaScript XML) is a syntax extension for JavaScript used primarily in React that lets you write HTML-like markup directly within your JavaScript code. It gets transpiled by tools like Babel or SWC into regular `React.createElement()` calls before reaching the browser. JSX supports embedding dynamic expressions with curly braces, conditional rendering, and mapping over arrays, making it a powerful and intuitive way to describe UI structures declaratively.

Kubernetes (often abbreviated K8s) is an open-source container orchestration platform that automates the deployment, scaling, and management of containerized applications. You describe the desired state of your workloads in YAML manifests, and Kubernetes continuously reconciles the actual state to match. It handles load balancing, rolling updates, self-healing of failed containers, and secret management, making it the industry standard for running production workloads at scale.

A large language model (LLM) is a deep learning model trained on massive text datasets to understand and generate human-like text. LLMs like GPT, Claude, and LLaMA power chatbots, code assistants, and content generation tools. They work by predicting the next token in a sequence based on learned statistical patterns across billions of parameters.

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.

A linter is a static analysis tool that automatically scans source code for syntax errors, style violations, potential bugs, and anti-patterns without executing the code. Popular linters include ESLint for JavaScript/TypeScript, Pylint for Python, and Stylelint for CSS. Linters are typically integrated into CI pipelines and editor plugins, enforcing consistent code quality across a team with zero manual effort.

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 message queue is a middleware component that enables asynchronous communication between services by temporarily storing messages until the receiving service is ready to process them. Popular implementations include RabbitMQ, Amazon SQS, and Redis Streams. Message queues are essential for automation workflows because they decouple producers from consumers, handle traffic spikes through buffering, and ensure reliable delivery even when downstream services are temporarily unavailable.

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.