[Angular](atomicglue.co/glossary/angular) — Angular is a TypeScript-based web application framework developed by Google. It provides a comprehensive, opinionated platform including routing, forms, HTTP client, state management, and testing utilities out of the box.
[Astro](atomicglue.co/glossary/astro) — Astro is a content-focused web framework that ships zero JavaScript by default. It uses island architecture to render static HTML and only hydrates interactive components on demand, supporting multiple UI frameworks (React, Vue, Svelte) within the same page.
[Component Library](atomicglue.co/glossary/component-library) — A component library is a collection of reusable, pre-built UI components (buttons, forms, modals, navigation) that can be used across projects to ensure consistency and speed development.
[Design System](atomicglue.co/glossary/design-system-front-end) — A design system is a comprehensive collection of reusable components, design tokens, guidelines, and principles that govern how a product is designed and built. It is the single source of truth for a brand's digital experience.
[Digital Sustainability / Green Web](atomicglue.co/glossary/digital-sustainability-green-web) — Digital sustainability is the practice of designing, building, and operating digital products and services in ways that minimize environmental impact. The Green Web movement applies these principles specifically to websites and web applications.
[Hydration](atomicglue.co/glossary/hydration) — Hydration is the process where client-side JavaScript takes over a server-rendered HTML page, attaching event handlers and state management to make the static page interactive. The page looks ready before it actually is.
[Micro-Frontends](atomicglue.co/glossary/micro-frontends) — Micro-frontends extend microservice principles to the frontend by decomposing a web application into smaller, independent applications that are developed, tested, and deployed by separate teams, then composed into a cohesive user experience.
[Next.js](atomicglue.co/glossary/next-js) — Next.js is a React framework by Vercel that provides server-side rendering, static site generation, file-based routing, and API routes out of the box. It is the most popular production-grade React meta-framework.
[Nuxt](atomicglue.co/glossary/nuxt) — Nuxt is an open-source full-stack framework built on Vue.js that provides server-side rendering, file-based routing, static site generation, and auto-imports. It is to Vue what Next.js is to React.
[Progressive Web App (PWA)](atomicglue.co/glossary/progressive-web-app-pwa-front-end) — A Progressive Web App (PWA) is a web application that uses modern browser capabilities to provide an app-like experience: it can be installed on the device, work offline, send push notifications, and access device features, all while being delivered through the web.
[React](atomicglue.co/glossary/react) — React is a declarative, component-based JavaScript library for building user interfaces, maintained by Meta. It powers interactive UIs through a virtual DOM and unidirectional data flow.
[React Server Components](atomicglue.co/glossary/react-server-components) — React Server Components (RSC) are React components that render exclusively on the server, sending only their HTML output to the client. They reduce client-side JavaScript by keeping data fetching, database access, and rendering logic on the server.
[Server Actions](atomicglue.co/glossary/server-actions) — Server Actions are async functions that run on the server but can be called directly from client components. They simplify data mutations in Next.js by eliminating the need to build separate API routes for form submissions and data changes.
[Service Workers](atomicglue.co/glossary/service-workers) — Service Workers are JavaScript files that run in the background, separate from the web page, intercepting network requests and enabling offline functionality, push notifications, and background sync.
[Shadow DOM](atomicglue.co/glossary/shadow-dom) — Shadow DOM is a browser API that provides DOM and style encapsulation. It allows developers to attach a hidden, scoped DOM tree to an element, isolating its styles and markup from the rest of the document.
[Single Page Application (SPA)](atomicglue.co/glossary/single-page-application-spa) — A Single Page Application (SPA) is a web application that loads a single HTML page and dynamically updates content using JavaScript, rather than loading entire new pages from the server on each navigation.
[State Management](atomicglue.co/glossary/state-management) — State management is the discipline of handling application data that changes over time, ensuring that the UI consistently reflects the current state. It covers local component state, shared global state, server-cached state, and URL/routing state.
[Storybook](atomicglue.co/glossary/storybook) — Storybook is an open-source tool for developing, testing, and documenting UI components in isolation. It provides a sandboxed environment where components can be built and tested without running the full application.
[Svelte](atomicglue.co/glossary/svelte) — Svelte is a component framework that shifts work from the browser to a compile step. Instead of using a virtual DOM, Svelte compiles components into efficient imperative code that surgically updates the DOM.
[SvelteKit](atomicglue.co/glossary/sveltekit) — SvelteKit is the official application framework for Svelte, providing server-side rendering, routing, data loading, form actions, and deployment adapters. It is to Svelte what Next.js is to React.
[Tailwind CSS](atomicglue.co/glossary/tailwind-css) — Tailwind CSS is a utility-first CSS framework that provides low-level, composable utility classes for building custom designs directly in HTML, eliminating the need to write custom CSS.
[TypeScript](atomicglue.co/glossary/typescript) — TypeScript is a statically-typed superset of JavaScript that compiles to plain JavaScript. It adds optional type annotations, interfaces, generics, and advanced type system features while preserving JavaScript's runtime behavior.
[View Transitions API](atomicglue.co/glossary/view-transitions-api) — The View Transitions API is a browser API that enables smooth, animated transitions between different views or pages on a website with just a few lines of code, previously requiring complex JavaScript libraries.
[Virtual DOM](atomicglue.co/glossary/virtual-dom) — The Virtual DOM is an in-memory, lightweight representation of the real Document Object Model (DOM). Frameworks like React use it to compute minimal DOM updates by diffing snapshots rather than manipulating the browser DOM directly.
[Vite](atomicglue.co/glossary/vite) — Vite is a modern, blazing-fast frontend build tool and development server. It uses native ES modules for instant server startup and esbuild for lightning-fast production builds, replacing older bundlers like webpack.
[Vue.js](atomicglue.co/glossary/vue-js) — Vue.js is a progressive, incrementally adoptable JavaScript framework for building user interfaces. Created by Evan You, it features a reactive, compiler-optimized rendering system and an approachable API that scales from a library to a full-featured framework.
[Web Components](atomicglue.co/glossary/web-components) — Web Components are a set of browser-native APIs (Custom Elements, Shadow DOM, HTML Templates) for creating reusable, encapsulated custom HTML elements that work across any framework or no framework at all.
[WebGPU](atomicglue.co/glossary/webgpu) — WebGPU is a new W3C standard API that gives web applications low-level, high-performance access to GPU hardware for graphics rendering and general-purpose computation.
[WebXR](atomicglue.co/glossary/webxr) — WebXR is a W3C standard API that brings virtual reality (VR) and augmented reality (AR) experiences directly to web browsers without requiring native app installations.