React Day 04

What is the primary purpose of Material-UI in a React application?

• State management

• UI component library

• Routing

• Server-side rendering

How do you install Material-UI in a React project?

• npm install mui

• npm install @mui/material @emotion/react @emotion/styled

• npm install material-ui

• npm install react-mui

Which hook is used to modify Material-UI’s default theme?

• useTheme()

• createMuiTheme()

• useMUITheme()

• createTheme()

Which prop in MUI Button makes it a contained button?

• variant="filled"

• variant="contained"

• style="contained"

• theme="filled"

The useReducer hook is an alternative to which hook?

What are the two parameters passed to a reducer function?

• state and dispatch

• state and action

• action and dispatch

• prevState and newState

Which of the following is the correct syntax for useReducer?

const [state, dispatch] = useReducer(reducer, initialState);

• True

• False

What is the primary use of useRef?

• Manage component state

• Store a value without causing a re-render

• Fetch API data

• Handle side effects

How do you initialize a reference using useRef?

• const myRef = useRef();

• const myRef = createRef();

• const myRef = useState(null);

• const myRef = new Ref();

The useMemo hook is used to:

• Cache a value

• Modify state

• Modify props

• Handle side effects