🧠 96 Difference Between Redux and Context API

Redux : Advanced state management : Better for large apps

Context API : Simple global state : Better for smaller apps

🧠 97. What are React Hooks?

Hooks allow functional components to use:

• State

• Lifecycle features

Common Hooks:

• useState

• useEffect

• useRef

• useMemo

• useCallback

🧠 98. What is useRef?

useRef stores mutable values without re-rendering.

Example:

const inputRef = useRef();

Uses:

• Access DOM elements

• Store previous values

🧠 99. What is useMemo?

useMemo optimizes expensive calculations.

Example:

const result = useMemo(() => {

return calculate(data);

}, [data]);

🧠 100. What is useCallback?

useCallback memoizes functions.

Example:

const memoFn = useCallback(() => {

console.log("Hello");

}, []);

🧠 101. What is Lazy Loading in React?

Lazy loading loads components only when needed.

Example:

const Home = React.lazy(() => import("./Home"));

Benefits:

✅ Faster loading

✅ Better performance

🧠 102. What is React Router?

React Router handles navigation in React applications.

Example:

} />

🧠 103. What are Controlled Components?

Form elements controlled by React state.

Example:

setName(e.target.value)}

/>

🧠 104. What are Uncontrolled Components?

Form elements managed by DOM itself.

Example:

🧠 105. What is Lifting State Up?

Moving shared state to common parent component.

Benefits:

✅ Better state sharing

✅ Improved synchronization

🧠 106. What is Higher Order Component HOC?

HOC is a function that takes component and returns enhanced component.

Example:

const Enhanced = withAuth(Component);

🧠 107. What are Custom Hooks?

Custom hooks reuse logic across components.

Example:

function useFetch() {

// logic

}

🧠 108. What is Strict Mode?

React Strict Mode helps identify potential issues.

Example:



🧠 109. What is Server-Side Rendering SSR?

SSR renders React components on server before sending to browser.

Benefits:

✅ Better SEO

✅ Faster initial load

🧠 110. Difference Between CSR and SSR

CSR : Rendered in browser : Slower initial load : SEO less optimized

SSR : Rendered on server : Faster initial load : Better SEO

Double Tap ❤️ For Part-5