J
JSX
A syntax extension that allows writing HTML-like code inside JavaScript.
React Concepts for Practical Learning
34 Concepts Explained
RC
React Components
Reusable building blocks of a React application that define UI parts.
RP
React Props
Inputs passed to components to make them dynamic and reusable.
S
State
An object that stores dynamic data and determines component rendering.
H
Hooks
Functions like useState and useEffect that let you use state and lifecycle features in functional components.
U
useEffect
Hook used to handle side effects like API calls and subscriptions.
VD
Virtual DOM
A lightweight copy of the DOM used to optimize rendering performance.
CA
Context API
Provides a way to pass data through the component tree without prop drilling.
CC
Controlled Components
Form elements whose values are controlled by React state.
RR
React Router
Library used for routing and navigation in React applications.
FC
Functional Components
Components written as JavaScript functions that return JSX.
CC
Class Components
Components defined using ES6 classes with lifecycle methods.
U
useState
Hook used to add state to functional components.
U
useContext
Hook used to access context without using Consumer.
U
useMemo
Optimizes performance by memoizing computed values.
U
useCallback
Returns a memoized version of a callback function.
U
useRef
Provides a mutable reference that persists across renders.
F
Fragment
Allows grouping multiple elements without adding extra DOM nodes.
EB
Error Boundaries
Catches JavaScript errors in components and displays fallback UI.
RCS
React Code Splitting
Splits code into separate bundles for better performance.
LL
Lazy Loading
Loads components only when they are needed using React.lazy.
R
Refs
Provides direct access to DOM elements or React components.
UH
useReducer Hook
Hook for managing complex state logic.
RLM
React Lifecycle Methods
Methods that run at different stages of a component’s life.
RK
React Keys
Unique identifiers for list items to optimize rendering.
RF
React Forms
Handling user input and form state.
UC
Uncontrolled Components
Form inputs managed by the DOM itself.
DR
Dynamic Routing
Routes that change based on parameters.
RS
React Suspense
Component for handling asynchronous rendering.
RP
React Portals
Render children into a DOM node outside the parent hierarchy.
RM
React Memo
Higher-order component for memoizing functional components.
RD
React DevTools
Browser extension for debugging React applications.
RTL
React Testing Library
Library for testing React components.
J
Jest
JavaScript testing framework often used with React.