| 1 | How would you refresh data shown on a page after a server action successfully changes something in the database? React › Server Actions & Data Mutations | React | Server Actions & Data Mutations | Intermediate |
| 2 | 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 |
| 3 | What is a server action in React and what problem does it solve? React › Server Actions & Data Mutations | React | Server Actions & Data Mutations | Intermediate |
| 4 | 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 |
| 5 | 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 |
| 6 | How do server actions automatically update the user interface after making a change to data? Next.js › Server Actions & Mutations | Next.js | Server Actions & Mutations | Intermediate |
| 7 | How would you handle a database write inside a server action while keeping the user interface responsive? Next.js › Database Integration with Next.js | Next.js | Database Integration with Next.js | Advanced |
| 8 | What data types and values can be safely passed as props from a server component to a client component? Next.js › Server Components | Next.js | Server Components | Advanced |
| 9 | How would you protect server actions from being called with malicious or unauthorized data, since they can be invoked directly from the client? Next.js › Security Best Practices in Next.js | Next.js | Security Best Practices in Next.js | Advanced |
| 10 | How do you validate form data on the server before saving it, and show validation errors back to the user? Next.js › Form Handling & Validation in Next.js | Next.js | Form Handling & Validation in Next.js | Intermediate |
| 11 | 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 |
| 12 | How would you manually clear cached data after a user performs an action, such as creating a new post? Next.js › Caching | Next.js | Caching | Advanced |
| 13 | 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 |
| 14 | How would you programmatically navigate a user to a different page after they complete an action, such as submitting a form? Angular › Routing | Angular | Routing | Intermediate |
| 15 | How do you use revalidatePath to refresh the cache for a specific page after content changes? Next.js › On-Demand Revalidation Strategies | Next.js | On-Demand Revalidation Strategies | Intermediate |
| 16 | How would you write an end to end test that checks a full user flow across multiple pages, such as logging in and viewing a dashboard? React › Testing | React | Testing | Advanced |