next
Round
Technologies
Saved
Contribute
Login
next
Round
Technologies
Saved
Contribute
Login
Question Loading...
CSR
1. What are client components?
Level: Expert | Frequency: High
2. How to implement client rendering in next js?
Level: Expert | Frequency: High
3. Describe how client components are rendered.
Level: Expert | Frequency: High
4. How to decide what part should be rendered on the server and what on the client?
Level: Expert | Frequency: High
5. Combining client and server components
Level: Expert | Frequency: High
6. How to render a server component in the client component?
Level: Expert | Frequency: High
7. Discuss best approaches with client components.
Level: Expert | Frequency: High
8. Does using 'use client' ensure that the component only renders on the client?
Level: Expert | Frequency: High
9. Explain the full lifecycle of a CSR page in Next.js — from initial HTML delivery to interactive UI.
Level: Expert | Frequency: High
10. What is the difference between useEffect data fetching and React Query / SWR in a CSR context?
Level: Expert | Frequency: High
11. When would you choose CSR over SSR or SSG in a production Next.js app? Give real-world examples.
Level: Expert | Frequency: High
12. How does React's concurrent rendering model affect CSR behaviour in Next.js 13+?
Level: Expert | Frequency: High
13. How do you handle deeply nested Client Components without causing unnecessary re-renders?
Level: Expert | Frequency: High
14. Explain the concept of "client component boundaries" — how do they affect the component tree?
Level: Expert | Frequency: High
15. How would you implement optimistic UI updates in a CSR-heavy Next.js application?
Level: Expert | Frequency: High
16. What are the challenges of using Context API at scale in a CSR and SSR? How do you solve them?
Level: Expert | Frequency: High
17. How does next/dynamic work? How is it different from React's lazy() and Suspense?
Level: Expert | Frequency: High
18. What is the "flash of unstyled/unloaded content" problem in CSR, and how do you prevent it?
Level: Expert | Frequency: High
19. How do you prefetch data for CSR pages in Next.js to reduce perceived latency?
Level: Expert | Frequency: High
20. How do useMemo and useCallback help performance in CSR components? When are they overkill?
Level: Expert | Frequency: High
21. How do you implement skeleton screens or loading states for CSR data fetching?
Level: Expert | Frequency: High
22. Compare SWR vs React Query vs useEffect for client-side data fetching — when do you use each?
Level: Expert | Frequency: High
23. How do you implement infinite scrolling or pagination purely on the client side in Next.js?
Level: Expert | Frequency: High
24. How do you handle race conditions in CSR data fetching with useEffect?
Level: Expert | Frequency: High
25. What is the difference between client-side fetch and server actions in Next.js App Router?
Level: Expert | Frequency: High
26. How do you cancel in-flight API requests when a component unmounts in CSR?
Level: Expert | Frequency: High
27. How would you handle real-time data (WebSockets / SSE) in a Next.js CSR component?
Level: Expert | Frequency: High
All Topics
Basics
Project Structure
Runtime
Compiler
SSG
SSR
CSR
Routing
Route Handlers
Route Groups
Dynamic Routes
Parallel Routes
Intercepting Routes
Middleware
Server Actions
APIS
Data Fetching
Caching
Clients
Optimisation
i18n
Security
Architecture
Deployment
Accessibility