redux 관련 글

react 관련 issue 다음을 참고 한다

• Redux - 공식홈
• Redux - 공식홈 한글
  • Redux 시작하기
  • 기능적 분해와 리듀서 구성을 통해 리듀서 리팩토링하기
  • Basic Tutorial
    • 문서에서 가장 오래된 부분 중 하나로 업데이트 예정 - 기준[2020-12-12]
    • 액션
      • 보일러플레이트 줄이기코드베이스를 깨끗하게 유지하기 위한 실용적인 팁들을
    • 리듀서
    • 저장소
    • 데이터 흐흠
    • React와 함께 사용하기
  • 동기
  • 기존 기술
    • Redux 는 기존 기술의 복합적인 유산입니다. Reduxs 를 기존 기술과 비교해보면 일부 패턴이나 기술적인 면에서 비슷한 점을 가지고 있습니다. 하지만 중요한 차이점도 있습니다. 이 절도에는 이러한 유사정과 차이점에 대해서 설명합니다.
    • Flux
    • Elm
    • Immutable
    • Baobab
    • Rx
  • 생태계

• 벨로퍼트와 함께하는 모던 리액트: 리덕스

• React + Redux 앱 테스트
  • redux-actions 사용

• Jest를 이용한 Reducer 테스트

  • “리듀서는 액션을 이전의 상태에 적용한 후 새로운 상태를 반환해야 한다.”
  • redux-actions, redux-mock-store 사용 –>

• localstorage 에 저장

  • 사용 redux-persist
  • 예시

  • reset 방법

  • 반영 안 됨

  if (action.type === types.SET_TIMELINE_OFFSETX) {
      state.offsetX = action.offsetX
  }
  
  return state
  

  • 반영 됨

  if (action.type === types.SET_TIMELINE_OFFSETX) {
      return {
          offsetX: action.offsetX,
      }
  }
  
  return state
  

• docs redux-observable
  • RxJS 기반의 Rudux Middleware 다.