고라니드로koranidro.hashnode.dev·Aug 17, 2024[React] 당신은 상태를 필요로 하지 않을 것입니다. #2 - 보존(with. useRef) 편이 포스트는 React 버전 18.3.1을 기준으로 합니다. 이번 편은 이전 편으로부터 이어집니다. useMemo의 대안으로 useRef를 생각해 볼 수 있습니다. 이를 이용하면 결과 보존을 보장할 수 있지만 파생 상태를 운용하기 적합한 형태는 아닙니다. 부족한 점은 크게 두 가지로 생각해 볼 수 있습니다. 생성 함수를 지원하지 않습니다. 조건에 따라 연산 수행 여부를 결정하려면 필수적입니다. 의존성을 지원하지 않습니다. 연산 수행은 의존...[React] 당신은 상태를 필요로 하지 않을 것입니다.React
고라니드로koranidro.hashnode.dev·Aug 16, 2024[React] 당신은 상태를 필요로 하지 않을 것입니다. #1 - 보존(with. useMemo) 편이 포스트는 React 버전 18.3.1을 기준으로 합니다. const state = heavyFactory(); useState와 useEffect 없이 위와 같은 코드로 파생 상태를 운용하고 싶습니다. 그런데 작업이 꽤 오래 걸립니다. 한 번 정도는 괜찮지만, 렌더링마다 반복되는 것은 꽤 부담스럽습니다. 눈물을 머금고 이전 방식으로 돌아가야 하는 걸까요? 걱정하지 마세요. 아래와 같이 간단히 해결할 수 있습니다. const state =...41 reads[React] 당신은 상태를 필요로 하지 않을 것입니다.React
고라니드로koranidro.hashnode.dev·Aug 12, 2024[React] 당신은 상태를 필요로 하지 않을 것입니다. #0이 포스트는 React 버전 18.3.1을 기준으로 합니다. function <S>(factory: () => S, deps: React.DependencyList): S { const [ state, setState ] = useState<S>(); useEffect(() => setState(factory()), deps); return state; } React에서 흔히 볼 수 있는 잘못된 습관 중 하나는 모든 ...64 reads[React] 당신은 상태를 필요로 하지 않을 것입니다.derived state
![[React] 당신은 상태를 필요로 하지 않을 것입니다. #2 - 보존(with. useRef) 편](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] 당신은 상태를 필요로 하지 않을 것입니다. #1 - 보존(with. useMemo) 편](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)