Adaface Sample React Questions

Review the following React code:

Pick the correct statements:
            
            A: The code renders 10 INDIAN RUPEE
            B: The code renders 10 SINGAPORE DOLLAR
            C: The code does not render anything and throws an error since JavaScript objects are not valid as React children
            D: When the currency portion is clicked, the parent component is re-rendered
            E: When the currency portion is clicked, parent component will skip the re-render because shouldComponentUpdate returns false
            F: Parent component can be converted to a functional component with memoization (useMemo or memo) to avoid the re-render

Consider a React functional component that utilizes various hooks and conditional rendering. The component is designed to fetch and display a list of items from an API, with the ability to filter the list based on user input. Here's the pseudo-code structure:

In this component, which of the following is a potential issue or inefficiency?

A: The component will re-render excessively due to the `setFilter` call.
            B: The `useEffect` hook will run on every render, causing performance issues.
            C: The `fetchItems` function may cause a memory leak if the component unmounts during the fetch.
            D: The `useMemo` hook for `filteredItems` is unnecessary and can be removed without impact.
            E: The component will fail to display items when the filter is cleared.
            F: There are no significant issues; the component is implemented optimally.

Which of the following React code snippets
            - triggers the reducer ‘rhymeReducer’ to update the ‘song’ value to ‘Jack and Jill’
            - renders the updated ‘song’ value
            - does not produce any errors/warnings

Consider a React application where a custom hook `useComplexState` is defined to manage a complex state object. The application also uses the Context API to pass down the state and dispatch function. Below is the pseudo-code for the custom hook and a component using it:

Given this setup, which of the following statements best describes the potential issue or challenge with `MyComponent`?

A: The component will not re-render when the global state changes.
            B: The `fetchData` function will cause an infinite loop of re-renders.
            C: The component will lose its state when the global state updates.
            D: There will be a memory leak due to improper cleanup in `useEffect`.
            E: The `dispatch` function from `useComplexState` will conflict with the global dispatch.
            F: There is no issue; the component is implemented correctly.