| 1 | What is an uncontrolled form input, and how does it differ from a controlled one? React › Forms: Controlled & Uncontrolled Components | React | Forms: Controlled & Uncontrolled Components | Beginner |
| 2 | What is a controlled form input in React? React › Forms: Controlled & Uncontrolled Components | React | Forms: Controlled & Uncontrolled Components | Beginner |
| 3 | How do you prevent a form from reloading the page when it is submitted in React? React › Forms: Controlled & Uncontrolled Components | React | Forms: Controlled & Uncontrolled Components | Intermediate |
| 4 | How would you validate a form in React and show an error message to the user? React › Forms: Controlled & Uncontrolled Components | React | Forms: Controlled & Uncontrolled Components | Intermediate |
| 5 | How does React Hook Form simplify building forms compared to managing every field with useState manually? React › Forms: Controlled & Uncontrolled Components | React | Forms: Controlled & Uncontrolled Components | Advanced |
| 6 | How do you set and update state correctly inside a class component? React › Class Components & Legacy Lifecycle Methods | React | Class Components & Legacy Lifecycle Methods | Beginner |
| 7 | What is the controlled component pattern and why is it considered a best practice for forms? React › Design Patterns in React | React | Design Patterns in React | Intermediate |
| 8 | What is accessibility in React and why does it matter? React › Accessibility (a11y) in React | React | Accessibility (a11y) in React | Beginner |
| 9 | What is a ref in React and what is it used for? React › Refs, useRef & forwardRef | React | Refs, useRef & forwardRef | Beginner |
| 10 | What is cross site scripting, often called XSS, and how does React protect against it by default? React › Security in React (XSS & dangerouslySetInnerHTML) | React | Security in React (XSS & dangerouslySetInnerHTML) | Beginner |
| 11 | Why is it risky to build a link's web address directly from user input without checking it first? React › Security in React (XSS & dangerouslySetInnerHTML) | React | Security in React (XSS & dangerouslySetInnerHTML) | Beginner |
| 12 | What is a simple real world example of using a server action for a common form, like a newsletter signup? React › Server Actions & Data Mutations | React | Server Actions & Data Mutations | Beginner |
| 13 | How do you type an event handler function, such as a button's onClick handler, in TypeScript? React › TypeScript with React | React | TypeScript with React | Beginner |
| 14 | When should you choose useReducer over useState for managing a component's state? React › useReducer & Complex State Logic | React | useReducer & Complex State Logic | Beginner |
| 15 | How would you handle a mutation, such as creating a new item, using React Query? React › Data Fetching (React Query & SWR) | React | Data Fetching (React Query & SWR) | Intermediate |
| 16 | How would you programmatically navigate a user to a different page after they complete an action, such as submitting a form? React › Routing | React | Routing | Intermediate |
| 17 | What is a server action in React and what problem does it solve? React › Server Actions & Data Mutations | React | Server Actions & Data Mutations | Intermediate |
| 18 | How would you manage a multi step form's state using useReducer instead of several separate useState calls? React › useReducer & Complex State Logic | React | useReducer & Complex State Logic | Intermediate |
| 19 | What is forwardRef and why is it needed when passing a ref to a custom component? React › Refs, useRef & forwardRef | React | Refs, useRef & forwardRef | Advanced |
| 20 | How would you safely display user generated HTML content, such as a rich text comment, without exposing your app to XSS attacks? React › Security in React (XSS & dangerouslySetInnerHTML) | React | Security in React (XSS & dangerouslySetInnerHTML) | Advanced |
| 21 | How does the useFormStatus hook help show loading feedback while a server action is running? React › Server Actions & Data Mutations | React | Server Actions & Data Mutations | Advanced |
| 22 | How does the useFormState hook, sometimes called useActionState, let you show validation errors returned from a server action? React › Server Actions & Data Mutations | React | Server Actions & Data Mutations | Advanced |