[React .hook] What is useReducer ?

Before we start

 

시작하기에 앞서...

 

필자는 useReducer에 대해서 정말 알지 못한다.

 

기본적으로 자주 사용되는 React hook들은

 

한번쯤은 사용 해보았고 어디에 사용하는지 라도 알고있지만, 

 

useReducer는 정확하게 알지 못했다.

 

이번 기회를 통하여 React와 조금 더 가까워지는 시간이 될것이라 생각한다.

 

What is the useReducer ?

 

useState 처럼 state를 관리하고 사용할 수 있게 도와주는 도구...!

 

{ Reducer, Dispatch, Action } = useReducer

 

만약 필자가 은행에서 만원을 출금하려면

 

은행의 장부를 수정하고 만원을 출금해달라는 내용과 함께 은행에 요구를 할 수 있다.

 

이 때,

 

장부는 State 가 되고,

 

은행은 Reducer 즉, 요구를 받아주는 창구이고,

 

필자가 하는 요구는 Dispatch 이며,

 

요구에서 만원을 출금해 달라는 내용이 Action이 된다.

 

{ Reducer, Dispatch, Action } = useReducer

 

 

Suitable situation for using useReducer

 

여러개의 하위 값들을 포함한 복잡한 State 값들을 관리해야 할 때

 

useState 대신 사용하기에 적합하다.

 

 

How to use useReducer ?

 

2024.02.21 - [📁 𝐫𝐮𝐧𝐭𝐢𝐦𝐞𝐄𝐧𝐯𝐢𝐫𝐨𝐧𝐦𝐞𝐧𝐭/React.js] - [React .hook] How to use useReducer ?

[React .hook] How to use useReducer ?

 

이 글을 마치며...

 

해당 글은 아래의  별코딩 유튜버님의 영상을 참고하여 제작하였습니다.

* 해당 저작물 관련하여 개인적으로 posting permission 받았습니다.

 

https://www.youtube.com/watch?v=tdORpiegLg0