passing data (props) down through multiple levels of nested components to reach a deeply nested component that needs the data.
To fetch data in a React component, you typically use the useEffect hook for side effects and useState to manage the data, loading, and error states.
To prevent memory leaks (like with timer & event listeners) & clean up side effects (ubsubscribe from a data stream)
ExplanationSuspense lets you lazy-load components or data and shows a fallback while it's loading
ExplanationReact.memo is a HOC that prevents functional components from re-rendering unless their props change. Useful for performance optimization.
ExplanationuseContext is a React Hook that lets you read and subscribe to context from your component. It lets you access data without prop drilling
ExplanationA hook that returns a memoized version of a function, useful for preventing unnecessary re-renders of child components.
ExplanationUsed to memoize (remember) the result of a calculation so it doesn’t run again unless inputs change.
ExplanationLike useEffect but fires before the screen paints. Useful for measuring layout
ExplanationuseMemo caches the return value of a function. useCallback caches the function definition itself.
Explanation