Pocket FM Front end Developer Interview Questions and Answers

React lifecycle methods are functions that are called at different stages of a component's life.

• Mounting: constructor(), render(), componentDidMount()

• Updating: render(), componentDidUpdate()

• Unmounting: componentWillUnmount()

• Error Handling: componentDidCatch()

Debounce the API call on input change to optimize performance.

• Implement a debounce function to delay the API call until the user has finished typing.

• Set a time interval for the debounce function to wait before making the API call.

• Cancel the previous API call if a new input change occurs before the time interval is up.

• Use a loading spinner to indicate to the user that the API call is in progress.

• Consider using a caching...read more

useMemo is a hook in React that memoizes the result of a function and returns the cached value when the inputs don't change.

• useMemo is used to optimize performance by avoiding unnecessary re-renders.

• It takes two arguments: a function that returns a value and an array of dependencies.

• If any of the dependencies change, the function is re-executed and the new value is cached.

• Example: useMemo(() => expensiveFunction(a, b),...read more