UseReducer:

• useState and useReducer are the two native ways of managing state in React.

• It is used for State management.

• UseReducer is an advanced version of the useState hook.

• Internally useReducer hook using the useState hook.

Syntax -

useReducer(reducer-function , initial-state);

• useReducer hook returns an array, which contains state and dispatcher properties.
• returned array should be destructured.

Syntax -

Const [state, dispatcher] =

useReducer(reducer-function , initial-state);

Explanation related to properties -

State: State contains data

dispatcher: dispatcher is a function. This function tells what can actually do to the reducer function.

This function tells what kind of action can be done in the reducer function.

• With the help of the dispatcher function, the reducer function can perform some operations on the state.
• using the dispatcher function inside the handling function.
• whenever you call the dispatcher function then internally call the reducer function.

Syntax :