React

Question 1

What is prop drilling

Answer 1

prop drilling is when we pass down props from parent to child component in a deeply nested component structure.

Question 2

What is the context API?

Answer 2

the Context API provides a way to share values between different components, without having to explicitly pass a prop through levels (prop drilling)

Question 3

What is use useCallback and how does it work?

Answer 3

useCallBack is a hook in react that holds a reference to a function as long as the objects in it’s dependency list do not change. it improves the performance of our components

Question 4

what is a reducer?

Answer 4

A reducer is nothing more than a JS function that takes an action and state and returns a new state.

Question 5

describe useReducer.

Answer 5

useReducer is a react hook that takes a reducer function and an initial state, and returns a value and a dispatch method. using a reducer to then manage your state is known as the reducer pattern.

Question 6

How do hooks and life cycle methods differ?

Answer 6

useEffect hook essentially replaces a lot of the lifecycle methods. Instead of performing tasks in componentDidMount or update, we use useEffect( ) hook, useEffect will immediately call any functions returned it from it. so it replaces componentDidUnMount.

Question 7

what are some drawbacks to the context API

Answer 7

We lose some performance optimizations. it’s really a trade off for your application needs. for example, because we’re not as dependent on props we can’t use things like wrapping out react component in a react.Memo