React Glossary

Browse 39 react terms defined in plain English, from the cultural dictionary of computing.

39 React Terms

Component
A self-contained, reusable piece of UI that manages its own rendering and state. In frameworks like React, Vue, and Angular, components are the fundamental...
Component Library
A curated, documented collection of reusable UI components — buttons, modals, form inputs, data tables — built in code, tested, versioned, and published as a...
Context
A mechanism for passing request-scoped values, cancellation signals, and deadlines across API boundaries and goroutines. In Go, context.Context is threaded...
Create React App
A Create React App is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code...
JSX
A syntax extension for JavaScript that lets you write HTML-like markup directly inside JS code, primarily used with React to describe UI components.
Lifecycle Hook
A callback method invoked by a framework at a specific stage of a component's or resource's lifecycle — such as creation, mounting, updating, or destruction....
Localhost:3000
The default development URL for React, Next.js, and countless other frontend tools. The most visited URL in web development that will never make it to...
Material UI
A React component library (now branded MUI) that implements Google's Material Design specification, providing pre-built, themeable components like buttons,...
Memo
Short for memoization — caching the result of a function call so that subsequent calls with the same arguments return the cached value instead of recomputing....
Nested Route
A route definition that is declared as a child of another route, causing its component to render inside the parent route's layout via an outlet or...
Next.js
A React meta-framework by Vercel that provides file-system-based routing, server-side rendering (SSR), static site generation (SSG), API routes, and the App...
Polaris
Shopify's open-source design system that provides React UI components, design guidelines, and content standards for building consistent admin interfaces across...
Portal
A mechanism in React (and similar UI frameworks) that renders a child component into a DOM node outside its parent's hierarchy, while preserving the original...
Provider
A component or module that supplies a dependency, configuration, or context to its consumers. In React, a Context.Provider makes a value available to its...
Provider Pattern
A React pattern that uses a Context Provider component to make shared state or services available to an entire component subtree, combined with a custom hook...
Pure Component
A React component that renders the same output given the same props and state, and implements a shallow comparison in shouldComponentUpdate (via...
Radix UI
A library of unstyled, accessible React UI primitives designed to be the foundation for custom design systems. Radix provides the complex behavior and...
React Community
The ecosystem of developers, maintainers, educators, tool authors, and companies building with React and adjacent tooling. In frontend culture, the React...
React Native
A framework for building native mobile apps using React and JavaScript/TypeScript. Unlike hybrid apps (WebView), React Native renders using actual native UI...
Reconciler
A component that continuously compares desired state with actual state and takes actions to converge them. In React, the reconciler (Fiber) diffs the virtual...
Reconciliation
The process by which a UI framework (most notably React) compares the previous virtual DOM tree with the newly rendered one to determine the minimal set of...
Redux
A predictable state container for JavaScript applications that enforces unidirectional data flow: the UI dispatches actions, pure reducer functions compute the...
Ref
In React, a mutable container object (created via useRef or createRef) that holds a .current value persisted across renders without triggering re-renders —...
Rehydration
The client-side process of attaching JavaScript event handlers and component state to server-rendered HTML, making a static page interactive without...
Relay
A JavaScript framework by Meta for building data-driven React applications with GraphQL, featuring colocated fragment declarations per component, automatic...
Remix
A full-stack React framework focused on web standards and progressive enhancement. Created by Ryan Florence and Michael Jackson (the creators of React Router),...
Render Cycle
One complete pass through a UI framework's rendering process — typically triggered by a state change, encompassing the evaluation of component functions or...
Render Props
A React pattern where a component receives a function as a prop (often named render or children) and calls it with its internal state or logic, allowing the...
RSC
React Server Components — a React architecture where components execute on the server, sending serialized UI (not raw HTML) to the client. RSCs can directly...
Server Component
A React component that renders exclusively on the server and streams its output to the client as a serialized tree, enabling direct database access, zero...
shadcn/ui
A collection of reusable React components that are copied directly into your project rather than installed as a dependency. Created by shadcn (real name not...
Stale Closure
A bug in JavaScript (especially React hooks) where a closure captures a variable by reference at a particular point in time and continues to use that...
State Management
The set of patterns and tools used to create, read, update, and synchronize application state across components or services. In frontend frameworks this...
Storybook
An open-source tool for developing and showcasing UI components in isolation, outside of the main application. Each 'story' renders a component in a specific...
Styled Components
A CSS-in-JS library for React that lets you define component-scoped styles using tagged template literals in JavaScript. Each styled component generates a...
Testing Library
A family of testing utilities (most notably @testing-library/react) that encourages testing UI components the way users interact with them — querying by...
Unidirectional Data Flow
An application architecture pattern where data flows in a single direction — typically from a central store through the view, with user interactions...
Virtual DOM
A lightweight in-memory representation of the real DOM used by frameworks like React to optimize UI updates. When state changes, a new virtual DOM tree is...
Zustand
A small, unopinionated state management library for React that uses a hook-based API backed by a vanilla JavaScript store, avoiding the boilerplate of Redux...

Related Topics