usereducer

Project/React Web Project

useState() VS useReducer()?

앞서 useState()와 useReducer()에 대해서 배웠다. 그 둘은 state와 state를 관리해주는 hook이라는 점에서 비슷한 점이 많았다. 어떤 것을 사용해야하지는 헷갈릴 때가 많을 것이다. useState()를 반드시 사용해야하는 건 언제인지, useReducer()를 사용해야 좋을 때는 언제인지 정리해보자. 항상 적용되는 규칙은 아니겠지만 적어도 언제 useReducer()가 필요한지 알게 될 것이다. 예를 들어, 너무 많은 일들을 처리해야 하는 상황에 useState()를 사용하면 너무 번거로울 때가 있다. 각각의 state들은 서로 독립적이기 때문에 같이 업데이트가 잘 안된다. useState()는 주요 state 관리 도구로써, 개별 state 및 데이터를 다루기 적합하다. 한 ..

Project/React Web Project

useReducer()란?

What is useReducer()? 앞서서 useState()와 useEffect()에 대해서 다뤄봤었다. 이번에는 다음 React hook인 useReducer()에 대해서 이야기해보자. 간단히 말해, state의 관리를 도와주는 것으로 useState()와 비슷하다. 오히려 더 많은 기능들을 가지고 있다. 특히, 더 복잡한 state에 유용하다. 예를 들어, 여러 state들이 함께 속해 있는 경우에 같이 바뀐다던가 서로가 관련되어 있다면 관리하는 측면에서 사용이나 관리가 어려워지거나 오류가 발생하기 쉬워진다. 효율이 나빠지거나 버그가 생길 수 있는 코드가 되기 쉽상이다. 물론 그런 상황에 다다르는 것을 원하는 개발자는 아무도 없을 것이다. React project를 진행하면서 더 강력한 stat..

gurcks8989
'usereducer' 태그의 글 목록