React 19 introduces a smoother way to handle async tasks such as:
Concurrent Rendering (rendering that can be interrupted) is a React mode where it can start rendering a new UI version, pause it if something more urgent comes up (a keystroke, a click), then resume or discard the old work - instead of.
React Fiber is a complete rewrite of React's reconciliation algorithm, introduced in React 16. It improves the rendering process by breaking down rendering work into smaller units, allowing React to pause and resume work
Redux is a popular state-management library for JavaScript applications, especially React. Redux lets you store and manage an application's global state consistently, in a way that's easy to control and debug.
Zustand is a state-management library for React, created by Poimandres. "Zustand" means "state" in German. Its philosophy is to offer a small, fast, unopinionated solution without much boilerplate.
Definition: the Context API is a React feature that lets you pass data through the component tree without manually threading props through every level.
Definition: Custom Hooks are JavaScript functions whose names start with "use" and that may call other Hooks inside them. They let you reuse stateful logic between components without changing the component hierarchy.
Definition: A hook used to add state to a functional component. Returns an array containing the current value and a setter function to update that value.
In a Class Component, the lifecycle is split into 3 main phases:
In React, Components are like independent, reusable building blocks that make up the user interface (UI). Each component manages its own piece of the interface and logic. Instead of building the whole UI in one big file...
Reconciliation in React is the process through which React updates the DOM to match the virtual DOM. When a component's state or props change, React creates a new virtual DOM tree and compares it with the previous one. T