V
VCNC
August 8, 20221회
Redux, Again
간단 소개
React 상태 관리의 어려움 극복을 위해 Redux를 도입하고, Local state 우선 전략과 Hook을 활용한 상태 공유를 거쳐, 결국 Redux의 생산성을 재발견하는 과정.
AI Summary
- Redux 도입 배경
- React의 setState만으로 상태 관리가 어려워짐. 복잡한 조건문과 백오피스 특성상 많은 모달과 상태 값으로 인해 유지보수 어려움 발생.
- Global state 관리 필요성을 느껴 Redux를 도입, Redux Devtools를 통한 디버깅 효율성 증대.
- Redux 사용 원칙 및 변화
- Local state 우선, 필요시 Redux로 관리. Redux Form 중단 이후 Local State 선호 경향 강화.
- HOC, Render Props 사용 후 Hook을 통해 Component 간 상태 공유 문제 해결. Context + Hook 조합 결정.
- Redux 재도입 및 생산성
- Context 사용의 한계 (Redux와 Context 경계 모호, page 단위 관심사 분리) 경험.
- Apollo Reactive variables의 문제점 발견 (상태 변화 추적 어려움). Component Shared State에 Redux 재도입 결정.
- Redux는 복잡한 상태 관리 및 디버깅에 탁월하여 높은 생산성을 제공.
Next Feeds
컬리 검색이 카프카를 들여다본 이야기 1
컬리 검색 시스템에서 카프카 설정 튜닝을 통해 메시지 처리량(스루풋)을 개선하고 불필요한 시스템 동작을 방지한 경험 공유.
카프카레디스리밸런싱max.pollBatch Listener
2022. 8. 8.
컬리
Unity 프로젝트를 위한 Git Hooks 활용
Unity 프로젝트에서 Git Hooks를 활용하여 문제 예방 및 개발 효율성을 높이는 방법과 주의사항을 소개합니다.
Git HooksUnity버전 관리개발 효율성Rust
2022. 8. 2.
데브시스터즈
합성 컴포넌트로 재사용성 극대화하기
합성 컴포넌트 패턴을 사용하여 프론트엔드 컴포넌트의 재사용성과 유연성을 극대화하는 방법에 대한 기술 블로그 글입니다.
합성 컴포넌트재사용성프론트엔드Atomic DesignDialog Modal
2022. 7. 31.
카카오엔터테인먼트FE
합성 컴포넌트로 재사용성 극대화하기
합성 컴포넌트 패턴을 사용하여 재사용성과 유연성을 극대화한 Dialog Modal 구현 사례를 소개하고, prop 기반 방식과의 비교를 통해 장단점을 분석합니다.
합성 컴포넌트재사용성프론트엔드Atomic DesignDialog Modal
2022. 7. 31.
카카오엔터테인먼트FE
GPS 정보로 교통정보 생성하는 방법 - 13편 – 특정 시간대에 특정 도로의 교통정보를 계산해보자
GPS 정보를 활용하여 특정 시간대, 특정 도로의 교통정보를 생성하는 방법에 대한 설명.
GPS교통정보링크버텍스속도 계산
2022. 7. 28.
티맵모빌리티
자바스크립트의 새로운 기능들
ES2022의 새로운 자바스크립트 기능과 향후 추가될 기능들을 살펴보고, 활용 방안을 제시합니다.
ES2022JavaScriptTop-level awaitClass FieldsError Cause
2022. 7. 28.
카카오엔터테인먼트FE