React Core Concepts
1.왜 React는 리렌더링을 하는가
joshwcomeau 블로그에 있는 'Why React Re-Renders' 라는 글이 좋아서 번역하고 실습해서 정리한 글입니다. 이 글에서는 React가 리렌더링되는 시기와 이유에 대해 알아볼 것입니다.
2.useMemo와 useCallback 이해하기
joshwcomeau 블로그에 있는 'Understanding useMemo and useCallback' 라는 글이 좋아서 번역하고 정리한 글입니다. 'Why React Re-Renders' 에 이어서 2편으로 이어지는 글인데, 이 글 또한 좋으니 한번 읽어보면...
3.Suspense를 사용해서 Race Condition, Waterfall 문제 해결하기
React에서 Suspense가 트렌드가 된 건 아무래도 React 18버전부터 아닐까 생각됩니다. 이번시간에는 Suspense를 사용해서 Race Condition, Waterfall 문제를 해결하는 방법에 대해 알아보도록 하겠습니다.
4.Context API의 최대 단점은 무엇일까
이번 시간에는 Context API에 대해 좀 더 자세히 알아보고 왜 Context API 대신 Redux나 Recoil 같은 전역 상태 라이브러리를 많이 사용하는지 알아보도록 하겠습니다.
5.New Suspense SSR Architecture - React 18 Streaming
이번 시간에는 다소 늦었지만 React 18 Streaming과 Suspense 에 대해 글을 작성해보려고 합니다. 여기에는 SSR, Suspense, Hydration 과 같은 중요한 개념이 포함되어있습니다. 그만큼 핵심적인 내용이지만 다소 어려운 측면도 있습니다.
6.RSC(React Server Component) 는 도대체 뭘까? (1)
7월 첫 포스팅에 대한 주제로 RSC(React Server Component)를 정했습니다. RSC에 대해 공부하고 있지만, 도대체 이 녀석을 뭘까? 지금도 솔직히 잘 모르겠습니다. 그래도 조금이라도 알아보도록 하겠습니다...!
7.RSC(React Server Component) 는 도대체 뭘까? (2)
RSC(React Server Component) 는 도대체 뭘까? 2편으로 돌아왔습니다. 쉽지 않네요. 하하...
8.[번역] React에서 debounce 및 throttle을 수행하는 방법
React에서 debounce와 throttle에 대해 자세히 알아보세요.debounce와 throttle이 무엇이고, React에서 올바르게 사용하는 방법, 상태 및 리렌더링이 관련될 때 이러한 기능이 올바르지 않게 동작하는 것을 방지하는 방법에 대해 설명합니다.
9.[번역/실습] Avoiding useEffect with callback refs (feat. AutoScrollList)
DOM 노드와 직접 상호 작용해야 하는 경우 useRef + useEffect를 직접 사용하지 말고 대신 callback refs를 사용하는 것을 고려해보세요. React 19를 사용하면 ref 에서도 cleanup 함수를 사용할 수 있습니다.
10.[번역] Loading Fast and Slow: async React Server Components and Suspense
React Server Components는 React의 강력한 새로운 기능으로, Suspense와 함께 올바르게 구현하면 애플리케이션의 UX를 바꿀 수 있습니다.
11.[번역] Decoding React Server Component Payloads
여기서 RSC의 톱니바퀴가 어떻게 돌아가는지 깊이 이해할 필요는 전혀 없지만, 흥미롭습니다. RSC 페이로드는 약간 신비롭고 이해하기 어렵지만, 궁극적으로 마법은 아닙니다.
12.[번역] Promises across the void: Streaming data with RSC
use 도입은 React 렌더링이 작동하는 방식에 근본적인 변화를 동반합니다. 이제 React는 use를 통해 Promise가 해결될 때까지 컴포넌트 렌더링을 일시 중단할 수 있습니다. 이는 비동기 렌더링을 단순화하는 측면에서 큰 진전입니다.