Dictionary

Smoke testing is a quick, automated verification that the most critical functions of an application work after a new deployment or build. Rather than running the full test suite, smoke tests check essential paths — can the app start, does the login work, do key API endpoints respond. They are typically the first automated gate in a deployment pipeline, catching catastrophic failures before more expensive tests run.

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.

Static Site Generation (SSG) is a rendering strategy where HTML pages are pre-built at build time rather than generated on each request. The resulting static files can be served from a CDN with extremely fast load times and minimal server infrastructure. Frameworks like Next.js, Gatsby, and Astro support SSG, often combined with Incremental Static Regeneration (ISR) to update specific pages in the background without rebuilding the entire site.

Storybook is an open-source tool for building and testing UI components in isolation, outside of your main application. Developers define "stories" — different states and variations of a component — which are rendered in a dedicated browser-based workshop. It supports React, Vue, Angular, and other frameworks, making it invaluable for component documentation, visual regression testing, and collaboration between designers and developers.

Styled Components is a popular CSS-in-JS library for React and React Native that uses tagged template literals to style components. It automatically generates unique class names, supports dynamic styling based on props, handles vendor prefixing, and provides full theming capabilities. The library colocates styles with components, making it easy to understand what each component looks like and to delete styles safely when removing components.

Tailwind CSS is a utility-first CSS framework that provides low-level utility classes like `flex`, `pt-4`, `text-center`, and `bg-blue-500` to build designs directly in your markup. Instead of writing custom CSS, you compose pre-built classes to create any design, which results in smaller final CSS bundles thanks to automatic purging of unused styles. Its configuration file allows full customization of the design system including colors, spacing, breakpoints, and typography.

A task runner is a tool that automates repetitive development tasks like compiling code, running tests, minifying assets, and restarting servers. Early web task runners like Grunt and Gulp defined workflows as JavaScript code, while modern approaches use npm scripts, Turborepo, or Nx for monorepo-aware task orchestration. Task runners form the foundation of local development automation, ensuring every team member runs tasks consistently.

Terraform is an open-source Infrastructure as Code tool by HashiCorp that lets you define cloud and on-premise resources in declarative configuration files using HCL (HashiCorp Configuration Language). It builds a dependency graph of resources and applies changes incrementally, showing a plan before making any modifications. Terraform supports hundreds of providers including AWS, Azure, GCP, and Cloudflare, making it a de facto standard for multi-cloud infrastructure automation.

A toast notification is a small, non-intrusive message that appears briefly on screen — usually at the top or bottom — to provide feedback about an action without interrupting the user's workflow. Unlike modals, toasts auto-dismiss after a few seconds and don't require user interaction. They are commonly used to confirm saves, report errors, or show status updates. Accessible implementations include ARIA live regions so screen readers announce the message.

In the context of AI language models, a token is the basic unit of text that a model processes — typically a word, subword, or character depending on the tokenizer. LLM pricing, context windows, and rate limits are all measured in tokens. Understanding tokenization is essential for optimizing costs and staying within model context limits when building AI-powered applications.

The transformer is a neural network architecture introduced in the 2017 paper "Attention Is All You Need" that revolutionized natural language processing. Unlike recurrent networks, transformers process entire sequences in parallel using a self-attention mechanism, which allows them to capture long-range dependencies efficiently. Virtually all modern LLMs, including GPT and Claude, are built on the transformer architecture.

Tree shaking is a dead code elimination technique used by modern bundlers like Webpack, Rollup, and esbuild to remove unused exports from the final JavaScript bundle. It relies on the static structure of ES module `import`/`export` syntax to determine which code is actually referenced and safely discard the rest. For tree shaking to work effectively, libraries must use ESM format and avoid side effects in their module initialization, which is why the `sideEffects` field in `package.json` matters.