useReducer (2) 썸네일형 리스트형 useState와 useReducer의 사용사례 TL;DR: useState : 간단한 상태. 상태가 같이 업데이트 되야 하는지를 고려하여 묶고 분리한다. useReducer : 서버 상태와 섞여있는 경우, 로직 구현 시 상태 간 종속성이 필요한 경우. 복잡한 로직. 어떤 상태가 함께 속하는지(업데이트 되어야 하는지) 추론할 수 있는 방식으로 코드를 구조화하면 성능 문제와 상관없이 장기적으로 가독성과 유지 보수에 도움이 됩니다. 별도의 useState 상태가 독립적으로 업데이트되는 경우 ex) 성과 이름 // asis state = { firstName: '', lastName: '', } // tobe const [firstName, setFirstName] = React.useState('') const [lastName, setLastName] .. [Epic React] useState에서 useReducer로 useState와 useReducer의 차이는 setState 대신 newState를 만드는 함수를 직접 정의할 수 있다는 것이다. const [count,setCount] = useReducer(countReducer,0) function countReducer(prevState,newState){ return newState } const [count,setCount] = useState(0) // 똑같이 동작한다 setCount(count+1) 어 그럼 지금까지 redux 만들면서 작업했던 switch - action 구문은 뭐에요? -> 이전 상태(+타입)에 따라 다음 상태를 만드는 작업을 setState가 아닌 reducer함수에서 구현했을 뿐. -> 리턴하는 것은 동일하게 다음 state다 r.. 이전 1 다음