How to manage global state with Redux Toolkit in React
· React
Learn the modern Redux Toolkit approach for managing global state with less boilerplate, slices, and the useSelector and useDispatch hooks.
Category: React
50 questions in React.
What is React Router and how do you set up basic routing?
· React
Get started with React Router by creating routes, navigation links, and route parameters in a single-page application.
How to use React Error Boundaries to catch JavaScript errors
· React
Learn how Error Boundaries catch rendering errors in child components and prevent the entire app from crashing.
How do Higher-Order Components (HOCs) work in React?
· React
Understand Higher-Order Components as a pattern for reusing component logic, along with their caveats and modern alternatives.
What are render props in React?
· React
Learn the render props pattern for sharing code between components using a prop that is a function returning JSX.
What is component composition in React and how do you use children?
· React
Discover how composition with children and slots creates flexible, reusable React components that are easier to maintain than configuration props.
How to lift state up in React
· React
Learn the lifting state up pattern to share state between sibling components by moving it to their closest common ancestor.
What are the Rules of Hooks and why do they matter?
· React
Understand the two core Rules of Hooks, why React enforces them, and how the ESLint plugin helps prevent violations.
How to build a custom React hook
· React
Learn the conventions for extracting reusable logic into custom hooks and see practical examples for data fetching and form handling.
What is useRef and when should you use it?
· React
Understand useRef for accessing DOM nodes and persisting mutable values across renders without triggering re-renders.