Amazon React Js Frontend Developer Interview Questions and Answers

Q1. What is anti pattern in react?
Ans. 
An anti-pattern in React is a common mistake or bad practice that should be avoided.
• Using index as key in lists can cause issues with component re-rendering

• Using setState in a loop can lead to unexpected behavior

• Not using PureComponent or memoization for performance optimization

• Overusing context instead of props drilling can make code harder to maintain
Answered by AI
Add your answer
Q2. Why should we use flux instead of grid and vice versa
Ans. 
Flux is a design pattern for managing data flow in React applications, while Grid is a layout system for organizing content.
• Flux is useful for managing complex data flow in large applications, ensuring data consistency and predictability.

• Grid is useful for creating responsive layouts and organizing content in a visually appealing way.

• Flux helps in maintaining a unidirectional data flow, making it easier to debug and un...read more
Answered by AI
Add your answer
Q3. How to optimize react application
Ans. 
Optimizing a React application involves code splitting, lazy loading, using memoization, minimizing re-renders, and optimizing network requests.
• Implement code splitting to load only necessary code for each route or component.

• Use lazy loading to load components only when they are needed.

• Memoize expensive calculations or functions using useMemo or useCallback.

• Minimize re-renders by using shouldComponentUpdate or React.me...read more
Answered by AI
Add your answer

Q1. Question around setTimeout implementation and clearTimeout
Add your answer

Q1. What are higher order components
Add your answer
Q2. Diff between state amd props
Add your answer
Q3. How to pass data from child to parent
Add your answer
Q4. UseEffect , useState , useMemo hooks
Add your answer
Q5. How you will optimize the performance of react application
Add your answer
Q6. Explain context Api
Add your answer
Q7. What is meant by props drilling
Add your answer
Q8. What is meant by redux
Add your answer
Q9. How you implement redux in react js
Add your answer

They give figma and creat website

Q1. Basic to advanced which do you interview
Add your answer

Q1. Salary discussion and you fresher they told 1.5 year bond
Add your answer