Glossary
Please note that the glossary is currently under construction and some sections may be incomplete or subject to changes.
Class Component
A class component is a component defined as a JavaScript class (opens in a new tab).
Component
A component is a piece of the UI (user interface) that has its own logic and appearance. A component can be as small as a button, or as large as an entire page.
Conditional Rendering
Conditional Rendering is the process of displaying different UI based on certain conditions.
Context
An alternative to passing props.
Context lets a parent component provide data to the entire tree below it. There are many uses for context.
Context Consumer
The component that consumes the context value.
As for Context.Consumer component, It's an older way to read context, Before useContext existed.
Context Provider
The component that provides the context value.
A component to provide that context from the component that specifies the data.
Context Value
The data that is provided by the context provider.
Deps
The deps is an abbreviation for React Hook's dependencies array.
Display Name
The displayName is a string used in debugging messages. It is used by React DevTools to determine what to display for the name of a component or context.
Element
A plain object describing a component instance or DOM node and its desired properties.
Elements are the smallest building blocks of React apps.
ER
An abbreviation for "ESLint React".
Also used as the namespace for ESLint React's types.
FlatConfig
ESLint's new config system (opens in a new tab).
It's usually a eslint.config.js file under the root directory of your project.
ForwardRef
A React API that lets your component expose a DOM node to parent component with a ref (opens in a new tab).
Fragment
A React component that lets you group elements without a wrapper node.
Fragment Syntax
The shorthand syntax for a Fragment in JSX. It looks like <>...</>.
Function Component
A function component is a component defined as a JavaScript function (opens in a new tab).
Key
The key prop is a string or a number that uniquely identifies it among other items in that array.
List Rendering
The process of rendering components from a collection of data.
Memo
The memo is a React API lets you skip re-rendering a component when its props are unchanged.
Props
React component's properties.
When React sees an element representing a user-defined component, it passes JSX attributes and children to this component as a single object. We call this object "props".
Ref
The ref lets you referencing values in React.
Legacy React APIs
APIs (opens in a new tab) are exported from the react package, but they are not recommended for use in newly written code.
LegacyConfig
ESLint's current config system (opens in a new tab).
It's usually a .eslintrc.* file under the root directory of your project.