| 1 | Which popular React framework introduced strong built in support for Server Components? React › Server Components | React | Server Components | Beginner |
| 2 | Why can't server components use hooks like useState or useEffect? Next.js › Server Components | Next.js | Server Components | Beginner |
| 3 | What are the main benefits of using Server Components in a real React app? React › Server Components | React | Server Components | Intermediate |
| 4 | What are the main performance benefits of using server components compared to rendering everything on the client? Next.js › Server Components | Next.js | Server Components | Intermediate |
| 5 | How do Server Components and Client Components work together in the same app? React › Server Components | React | Server Components | Advanced |
| 6 | How do client components and server components work together in the same page? Next.js › Client Components & Hydration | Next.js | Client Components & Hydration | Intermediate |
| 7 | How do styled components or other CSS in JS libraries work in the Next.js App Router, given the presence of server components? Next.js › Styling in Next.js (CSS Modules, Tailwind & Styled Components) | Next.js | Styling in Next.js (CSS Modules, Tailwind & Styled Components) | Intermediate |
| 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 | What is a server component in the Next.js App Router, and why is it the default? Next.js › Server Components | Next.js | Server Components | Beginner |
| 10 | What is a React Server Component and how is it different from a regular component? React › Server Components | React | Server Components | Intermediate |
| 11 | How do you decide whether a specific piece of a page should be a server component or a client component? Next.js › Server Components | Next.js | Server Components | Intermediate |
| 12 | What is a Client Component and when do you need one instead of a Server Component? React › Server Components | React | Server Components | Beginner |
| 13 | How does the concept of state management differ in Next.js compared to a purely client side React application, given the presence of server components? Next.js › State Management in Next.js Apps | Next.js | State Management in Next.js Apps | Advanced |
| 14 | What are the main components that make up the SQL Server architecture, and what role does each one play? SQL Server › SQL Server Architecture & Editions | SQL Server | SQL Server Architecture & Editions | Beginner |
| 15 | How does SAM support nested applications and reusable components through the AWS Serverless Application Repository? AWS › AWS Serverless Application Model (SAM) | AWS | AWS Serverless Application Model (SAM) | Advanced |
| 16 | What is server side rendering in React, and why is Next.js commonly used for it? React › Server-Side Rendering (SSR) & Next.js | React | Server-Side Rendering (SSR) & Next.js | Beginner |
| 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 does data fetching work differently in a Next.js Server Component compared to fetching data in a regular client rendered React app? React › Server-Side Rendering (SSR) & Next.js | React | Server-Side Rendering (SSR) & Next.js | Advanced |
| 19 | How can you minimize the amount of JavaScript sent to the browser when using client components? Next.js › Client Components & Hydration | Next.js | Client Components & Hydration | Advanced |
| 20 | 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 |
| 21 | How do Razor components (.razor files) combine markup and C# code, and what is the @code block? .NET › Blazor (Server & WebAssembly) | .NET | Blazor (Server & WebAssembly) | Intermediate |
| 22 | How do you call a server action directly from a button click inside a client component, rather than through a form submission? Next.js › Server Actions & Mutations | Next.js | Server Actions & Mutations | Intermediate |
| 23 | 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 |
| 24 | 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 |
| 25 | How does dependency injection work in Blazor components, and what's the difference between @inject and constructor injection? .NET › Blazor (Server & WebAssembly) | .NET | Blazor (Server & WebAssembly) | Intermediate |
| 26 | What is a client component in Next.js and when should you use one? Next.js › Client Components & Hydration | Next.js | Client Components & Hydration | Beginner |
| 27 | What is hydration in the context of Next.js and React? Next.js › Client Components & Hydration | Next.js | Client Components & Hydration | Beginner |
| 28 | What is the difference between the pages router and the newer app router in Next.js? React › Server-Side Rendering (SSR) & Next.js | React | Server-Side Rendering (SSR) & Next.js | Intermediate |
| 29 | If you are migrating a page from getStaticProps to the App Router, how do the equivalent data fetching patterns compare? Next.js › Pages Router Data Fetching (getStaticProps, getServerSideProps & getStaticPaths) | Next.js | Pages Router Data Fetching (getStaticProps, getServerSideProps & getStaticPaths) | Advanced |
| 30 | What is static site generation and how is it different from server side rendering? React › Static Site Generation (SSG) & Hydration | React | Static Site Generation (SSG) & Hydration | Beginner |
| 31 | How do you read cookies in a Next.js server component? Next.js › Cookies & Session Management in Next.js | Next.js | Cookies & Session Management in Next.js | Beginner |
| 32 | How do you fetch data inside a server component in the App Router? Next.js › Data Fetching | Next.js | Data Fetching | Beginner |
| 33 | How do you call JavaScript from C# code in Blazor (JS interop), and when is it necessary? .NET › Blazor (Server & WebAssembly) | .NET | Blazor (Server & WebAssembly) | Intermediate |
| 34 | How can you pass data fetched on the server down into a client component? Next.js › Data Fetching | Next.js | Data Fetching | Intermediate |
| 35 | 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 |
| 36 | How would you test a server component that fetches data asynchronously? Next.js › Testing Next.js Applications | Next.js | Testing Next.js Applications | Intermediate |
| 37 | How does the syntax of the PIVOT operator work, and what are its main components? SQL Server › Pivoting & Unpivoting Data | SQL Server | Pivoting & Unpivoting Data | Intermediate |
| 38 | How would you decide between static site generation and server side rendering for a specific page? React › Static Site Generation (SSG) & Hydration | React | Static Site Generation (SSG) & Hydration | Advanced |
| 39 | What is Amazon SQS and why is it used to decouple application components? AWS › Amazon SQS (Simple Queue Service) | AWS | Amazon SQS (Simple Queue Service) | Beginner |
| 40 | What is client side routing in a React app, and how does React Router help with it? React › Routing | React | Routing | Beginner |
| 41 | How do you fetch data inside a client component that needs to run in the browser? Next.js › Data Fetching | Next.js | Data Fetching | Beginner |
| 42 | How do you connect a database to a Next.js application? Next.js › Database Integration with Next.js | Next.js | Database Integration with Next.js | Beginner |
| 43 | 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 |
| 44 | 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 |
| 45 | How would you protect a page in the App Router so only logged in users can access it? Next.js › Authentication & Authorization in Next.js | Next.js | Authentication & Authorization in Next.js | Intermediate |
| 46 | How can Suspense be used directly for data fetching, beyond just code splitting? React › Suspense & Concurrent Rendering | React | Suspense & Concurrent Rendering | Advanced |
| 47 | What is request deduplication in Next.js, and how does it help with data fetching? Next.js › Data Fetching | Next.js | Data Fetching | Advanced |