Natty Hatty Reactjs Developer Interview Questions and Answers

Q1. Basics of javascript and react concept.
Add your answer

Asked about vanilla.js in react interview.

Q1. Basic of react.js and css
Add your answer

Q1. Javascript array methods like filter and reduce. Javascript guess the output questions based on variables and functions.
Add your answer
Q2. React lifecycle methods
Add your answer
Q3. UseState and useEffect usecase
Ans. 
useState manages state, while useEffect handles side effects in functional components.
• useState initializes state: const [count, setCount] = useState(0);

• useEffect runs side effects: useEffect(() => { document.title = `Count: ${count}`; }, [count]);

• useState can hold any data type: const [user, setUser] = useState({ name: '', age: 0 });

• useEffect can mimic lifecycle methods: useEffect(() => { fetchData(); }, []); for...read more
Answered by AI
Add your answer

Q1. What is the difference between states and props ?
Ans. 
States are mutable data managed within a component, while props are immutable data passed from parent to child components.
• States are managed within a component and can be changed using setState method

• Props are passed from parent to child components and are immutable

• States are used for internal component data management, while props are used for passing data between components

• Example: A counter component may have a stat...read more
Answered by AI
Add your answer
Q2. How are data passed from children to parents in react component?
Ans. 
Data can be passed from children to parents in React components by using callback functions.
• Use callback functions to pass data from child components to parent components

• Parent component passes a function as a prop to child component

• Child component calls the function with the data as an argument to pass data to parent component
Answered by AI
Add your answer

Q1. First Round is telephonic. Self -introduction, and basics of React js
Add your answer

Q1. Second round is video interview. life cycle of react js, dom manipulations, HOC, Redux, React memo, props drilling Javascript: array cloning, object cloning, Data types, Nan
Add your answer