#state-management
Read more stories on Hashnode
Articles with this tag
이 포스트는 React 버전 18.3.1을 기준으로 합니다. 잠깐! 동시성 렌더링에 대해 아직 잘 모른다면 [React] 변화의 물결, 동시성 렌더링을 먼저 읽어보세요! 부작용(정리가 필요한)을 가진 상태는 어떻게 해야 할까요? 렌더링과 커밋이 반드시 한 쌍을...
이 포스트는 React 버전 18.3.1을 기준으로 합니다. 이번 편은 이전 편으로부터 이어집니다. use의 구체적인 동작은 다음과 같습니다. use는 호출자로부터 Promise를 전달받습니다. Promise가 추적 중인지 확인합니다. 추적 중이 아니라면 추적을...
이 포스트는 React 버전 18.3.1을 기준으로 합니다. 파생 상태의 유형이 Promise인 경우엔 어떻게 해야 할까요? 안타깝게도 클라이언트 측에서는 비동기 컴포넌트가 지원되지 않습니다. 따라서 useState와 useEffect를 함께 사용하여 이를 해결해...
이 포스트는 React 버전 18.3.1을 기준으로 합니다. 이번 편은 이전 편으로부터 이어집니다. useMemo의 대안으로 useRef를 생각해 볼 수 있습니다. 이를 이용하면 결과 보존을 보장할 수 있지만 파생 상태를 운용하기 적합한 형태는 아닙니다. 부족한 점은...
이 포스트는 React 버전 18.3.1을 기준으로 합니다. const state = heavyFactory(); useState와 useEffect 없이 위와 같은 코드로 파생 상태를 운용하고 싶습니다. 그런데 작업이 꽤 오래 걸립니다. 한 번 정도는 괜찮지만,...
이 포스트는 React 버전 18.3.1을 기준으로 합니다. function <S>(factory: () => S, deps: React.DependencyList): S { const [ state, setState ] = useState<S>(); ...
![[React] 당신은 상태를 필요로 하지 않을 것입니다. #5 - 부작용 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/UYsBCu9RP3Y/upload/f04006baa1e121dfb4a64556ab2a1fee.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[React] 당신은 상태를 필요로 하지 않을 것입니다. #4 - 비동기(with. use) 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/UYsBCu9RP3Y/upload/0d70ad07155e2f580dd1cf2c56518795.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[React] 당신은 상태를 필요로 하지 않을 것입니다. #3 - 비동기(with. Suspense) 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/UYsBCu9RP3Y/upload/3f9c08b8e581915a7f5a491b6b2ff46c.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)