Past Projects: Can you walk us through your most recent React project? What was the main challenge you faced in this project, and how did you overcome it? How did you manage the state in this project? (Context API, Redux, MobX, etc.) Design Decisions: Why did you choose to use functional components over class components (or vice versa) in your projects? Can you explain the folder and component structure of your last project? How did you ensure the project was responsive across devices? Experience: How do you handle optimizing performance in a React application? Have you worked with server-side rendering (SSR) in React? If yes, describe your experience. Describe a situation where you had to refactor a significant portion of your React code. What prompted this, and how did it improve the application?
Interview questions [1]
Question 1
Basics: Explain the difference between props and state in React. What are React hooks? Can you provide a brief explanation of any two hooks you frequently use? Lifecycle & Effects: Describe the lifecycle of a class component. How does it contrast with the effect hook (useEffect) in functional components? How can you mimic componentDidMount behavior using hooks? State Management: Explain the core concepts behind Redux. How would you manage global state without Redux or Context API? Performance: What is virtual DOM, and how does it help improve application performance? Describe some methods or tools you would use to identify and rectify performance bottlenecks in a React app. Ecosystem & Advanced Topics: Have you used React Router? Describe a scenario where you had to implement nested routing. Explain the benefits and potential pitfalls of using React's Context API. How do you handle side-effects in your React applications? Miscellaneous: How do you handle forms in React? Are there any libraries or patterns you prefer? Describe how React's reconciliation algorithm works.