Redux
  • Read Me
  • 소개
    • 동기
    • Core Concepts
    • 3가지 원칙
    • 기존 기술들
    • Learning Resources
    • 생태계
    • 예시
  • 기초
    • 액션
    • 리듀서
    • 스토어
    • 데이터 흐름
    • React와 함께 사용하기
    • 예시: Todo List
  • 심화
    • 비동기 액션
    • 비동기 흐름
    • 미들웨어
    • React Router와 함께 사용하기
    • 예시: Reddit API
    • Next Steps
  • 레시피
    • Configuring Your Store
    • Redux로 마이그레이션
    • 객체 확산 연산자 사용하기
    • 보일러플레이트 줄이기
    • Server Rendering
    • Writing Tests
    • Computing Derived Data
    • Implementing Undo History
    • Isolating Subapps
    • 리듀서 구조화하기
      • 사전에 요구되는 개념들
      • 기본 리듀서 구조
      • 리듀서 로직 분리하기
      • 리듀서 예제 리팩토링하기
      • combineReducers 사용하기
      • combineReducers 더 알아보기
      • 상태 정규화하기
      • 정규화된 데이터 업데이트하기
      • 리듀서 로직 재사용하기
      • 불변 업데이트 패턴
      • 상태 초기화하기
    • Using Immutable.JS with Redux
  • FAQ
    • General
    • Reducers
    • Organizing State
    • Store Setup
    • Actions
    • Immutable Data
    • Code Structure
    • Performance
    • Design Decisions
    • React Redux
    • Miscellaneous
  • 문제해결
  • 용어사전
  • API 레퍼런스
    • createStore
    • Store
    • combineReducers
    • applyMiddleware
    • bindActionCreators
    • compose
  • 변경 기록
  • 후원자
  • 피드백
Powered by GitBook
On this page
  • 바인딩
  • 미들웨어
  • 컴포넌트
  • 스토어 확장
  • 유틸리티
  • 개발자 도구
  • 튜토리얼과 기사
  • 기타
  1. 소개

생태계

PreviousLearning ResourcesNext예시

Last updated 6 years ago

Redux는 작은 라이브러리입니다. 하지만 Redux의 규약과 API는 조심스럽게 선택되고 있으며 다양한 도구와 확장 라이브러리의 생태계가 만들어져가고 있습니다.

Redux와 관련 있는 모든 목록을 보고싶다면 를 추천합니다. 여기에는 예제, 발판코드(boilerplate), 미들웨어, 유틸리티 라이브러리를 비롯한 다양한 것들이 열거되어있습니다.

이 페이지에서는 Redux 메인테이너가 개인적으로 선택한 몇 가지만 소개합니다. 이 목록을 보더라도 다른 라이브러를 시도해보는 걸 주저하지 않기 바랍니다. Redux 생태계는 아주 빠르게 성장하고 있으며, 이들 전부를 검토하기에는 시간이 부족합니다. 아래 목록은 '개발팀이 추천한' 목록 정도로만 받아들여주세요. Redux와 함께 사용할 수 있는 멋진 도구가 있다면 망설이지 말고 풀 리퀘스트를 보내주세요.

바인딩

  • — React 바인딩

  • — Angular 바인딩

미들웨어

  • — 비동기 액션을 만들기 위한 가장 쉬운 방법

  • — 를 따르는 프로미즈 미들웨어

  • — Observable을 위한 미들웨어를 포함한 Redux용 RxJS 유틸리티

  • —

    Redux 디스패치에 따른 React 배치 업데이트 미들웨어

  • — 모든 Redux 액션과 다음 상태에 대한 기록 도구

  • — Redux 디스패처가 아닌 곳에서 상태 변화가 일어나면 경고해주는 미들웨어

컴포넌트

스토어 확장

유틸리티

개발자 도구

튜토리얼과 기사

  • [(사랑을 담아) 동형 Redux 애플리케이션 만들기(Handcrafting an Isomorphic Redux Application (With Love))

기타

— Redux 스토어를 통한 HTML form을 포함한 React 컴포넌트 상태 관리 지원

— 디스패치에 따른 배치 구독 알림(subscribe notification)을 보낼 수 있는 스토어 확장

— NuclearJS에서 영감을 받아 만들어진 효율적인 파생 데이터 셀렉터

— 중첩된 API 응답을 React나 Flux에서 활용하기 쉬운 형태로 만들어주는 도구

— Flux 표준 액션 유틸리티

— Redux용 트랜스듀서

- Redux와 통합을 위한 도구

— 시간여행 UI, 핫 리로딩, 리듀서 에러 핸들링을 위한 액션 로거

— 한 단계 한 단계 Redux를 사용법을 배울 수 있는 튜토리얼

- Redux 소개

]() - 범용적인 애플리케이션을 만들기 위한 가이드(데이터 패치와 라우팅 포함)

— 테스트 주도로 짜여진 Redux, React, Immutable 튜토리얼

- Redux와 관련된 저장소들을 모아놓은 문서

Awesome Redux
react-redux
ng-redux
redux-thunk
redux-promise
FSA
redux-rx
redux-batched-updates
redux-logger
redux-immutable-state-invariant
redux-form
redux-batched-subscribe
reselect
normalizr
redux-actions
redux-transducers
redux-immutablejs
Immutable
redux-devtools
React Europe에서 처음 소개된
redux-tutorial
Flux가 뭐야?! Redux하자.(What the Flux?! Let’s Redux.)
https://medium.com/@bananaoomarang/handcrafting-an-isomorphic-redux-application-with-love-40ada4468af4
Full-Stack Redux Tutorial
Awesome Redux