Redux는 상태를 관리할 수 있는 라이브러리로, 애플리케이션에서 상태가 언제, 어디서, 왜, 어떻게 업데이트 되었는지 쉽게 알 수 있도록 도와줍니다.
리덕스는 예측 가능하고, 중앙 집중화되어 있고, 디버깅이 쉽고, 유연합니다.
React를 이용하여 개발하던 중 복잡한 상태 관리로 어려움을 겪어 공부를 진행하게 되었습니다. 공부는 공식 문서로 공부하고 있는데, 아직 Redux 공식 문서의 번역판이 없어 영어판으로 진행하고 있습니다. 제 깃허브에 공식 문서를 모두 번역한 문서가 있으므로 완전 번역판을 원하시는 분은 제 깃허브를 참고하시길 바랍니다.
리덕스 관련한 포스트는 공식 문서를 요약하고 정리하는 방식으로 작성할 예정입니다.
이를 위해 3 가지 규칙을 세웠습니다.
1. 이해할 수 있는 간단한 문장으로 구성하기
2. 시간 오래 들이지 않기
3. 하지만 정확하게 번역하기
( 혹시라도 번역에 오역이나 틀린 부분이 있으면 꼭 알려주시길 부탁드립니다! )
공식 문서에서 Redux 핵심 튜토리얼을 권장하므로 Redux 핵심 튜토리얼로 공부할 것입니다. Redux 핵심 튜토리얼은 추천 API와 모범 사례(로직에는 Redux Toolkit, UI에는 React-Redux, 데이터를 가져오고 캐싱하는데는 "RTK Query")를 통해 "어떻게 하면 Redux를 올바르게 사용할 수 있는가"를 가르쳐주는 "하향식" 튜토리얼입니다.
Redux 공식 문서 순서 및 번역 현황
튜토리얼
Redux 핵심
- Redux Overview and Concepts (완료)
- Redux App Structure (완료)
- Basic Redux Data Flow
- Using Redux Data1
- Async Logic and Data Fetching
- Performance and Normalizing Data
- RTK Query Basics
- RTK Query Advanced Patterns
직접 만드는 게 좋은 프론트엔드 개발자