찜으로 찜해보는 react-query
Redux 기반 서버 상태 처리의 반복 작업과 컨테이너 간 종속성을 React Query로 개선했습니다. 찜 페이지 사례로 useQuery 캐싱과 useMutation 기반 CRUD 흐름을 설명합니다.
#React#React Query
3300
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
Redux, Again
복잡한 React 상태를 Local State, Context + Hook, Redux로 나누어 관리한 경험을 공유했습니다.\nRedux의 보일러플레이트보다 상태 추적과 디버깅이 주는 장기 생산성을 재평가했습니다.
#React#Redux
2600
리덕스 사가(Redux Saga)란 무엇인가?
Redux의 상태 관리 원칙과 미들웨어의 부수 효과 처리 방식을 설명했습니다. Redux Saga의 제너레이터·이펙트 기반 비동기 제어 API를 정리했습니다.
#React#Redux
2600
카카오페이 프론트엔드 개발자들이 React Query를 선택한 이유
Redux 기반 서버 상태 관리의 보일러플레이트와 직접 구현 부담을 분석했습니다.\nReact Query의 Query·Mutation·캐싱 기능으로 비동기 처리와 사용자 경험을 개선했습니다.
#React#React Query
3200
카카오페이지는 BFF(Backend For Frontend)를 어떻게 적용했을까?
카카오페이지는 BFF(Backend For Frontend)를 어떻게 적용했을까?
카카오페이지 Web은 GraphQL 기반 BFF로 다중 API 응답을 화면 모델에 맞게 통합했습니다. Apollo 캐시 문제를 피해 Urql과 Redux로 데이터 조회·상태 관리를 분리했습니다.
#BFF#MSA
3800
React에서 서버 데이터를 최신으로 관리하기(React Query, SWR)
SWR과 React Query로 서버 상태를 Redux의 전역 상태와 분리하는 방식을 설명했습니다. 조건부 요청, 캐시 갱신, 재검증 옵션과 두 라이브러리의 사용 차이를 비교했습니다.
#React#SWR
000
React 리팩토링, 10년 넘은 리디북스 웹도 OK
리디북스 웹의 이기종 기술 스택을 React와 Next.js 중심으로 점진 리팩토링했습니다.\nSSR·캐싱·자동화 배포와 컴포넌트 일반화로 성능 및 유지보수성을 높였습니다.
#React#Next.js
4000
Redux Toolkit (리덕스 툴킷)은 정말 천덕꾸러기일까?
Redux Toolkit이 Redux의 설정 복잡성과 보일러플레이트를 줄이는 주요 API를 정리했습니다.\n상태 관리는 createSlice, 비동기는 createAsyncThunk, 데이터 패칭은 RTK Query를 제안합니다.
#Redux Toolkit#Redux
000
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
판주야 Redux는…#1
판주야 Redux는…#1
정적 HTML을 JavaScript로 동적으로 바꾸는 방식과 React의 상태 관리를 비교했습니다. React가 상태 기반 UI 코드의 가독성을 높이는 이유를 소개합니다.
#JavaScript#React
2400
ReactNative와 함께하는 서비스 개발부터 배포까지
ReactNative와 TypeScript로 Android·iOS 동시 지원 앱을 개발한 사례를 소개했습니다.\nRedux, 브랜치 전략, CodePush 배포와 플랫폼 운영상 한계를 함께 정리했습니다.
#ReactNative#TypeScript
3900
react + typescript에 redux-saga 셋팅하기
React와 TypeScript 환경에서 Redux 모듈을 분리하고 typesafe-actions로 타입 안전성을 구성했습니다.\nRedux-Saga 미들웨어로 API 비동기 처리와 중복 요청 취소 흐름을 구현했습니다.
#React#TypeScript
1900
Typescript에서 Redux를 사용해보자
TypeScript React 환경에서 typesafe-actions와 immer로 Redux Todo 목록을 구현했습니다.\n스토어 구성부터 액션·리듀서 타입화와 Hook 기반 상태 조회·변경까지 설명합니다.
#TypeScript#React
2600
React에서 Redux가 왜 필요할까?
Redux는 Flux와 Reducer를 기반으로 복잡한 상태 변화를 단방향 흐름으로 관리합니다.\n프로젝트 복잡도와 상태 흐름을 고려해 React 단독 사용 또는 Redux 도입을 결정해야 합니다.
#React#Redux
2100
리액트: 그것마저 결정해주마 / if(kakao)2019
React 개발 중 자주 마주치는 구현 방식과 기술 선택의 고민을 다룹니다. Hook 전환, SSR, Redux, TypeScript 도입 여부를 살펴봅니다.
#React#Redux
000