12일 차: 반응 및 Redux

Feyn-oops, 오늘은 너무 게으르다 ㅋㅋ

react-redux 패키지

react-redux 패키지를 사용하여 이 긴 여정(며칠 🤣) 후에 마침내 React와 함께 Redux를 사용할 수 있습니다. 이 패키지에는 React에서 Redux의 통합을 개선하는 여러 도구가 포함되어 있습니다.

왜요?

React의 상태는 상황이 복잡해지면 엉망이 됩니다(하나의 상태가 업데이트되더라도 다른 모든 상태에 대한 상용구를 작성해야 함을 기억하십시오). Redux는 상태를 관리할 수 있는 라이브러리입니다. 이것이 어디로 가고 있는지 알 수 있습니까?

통합 시작 🚀!

먼저 Provider를 만들어야 합니다.

const Provider = ReactRedux.Provider;

Provider는 기본적으로 "여기 아래의 모든 것을 담당하고 있습니다."라고 말하는 React용 Redux 래퍼입니다. 전체 React 앱을 감싸기만 하면 설정이 완료됩니다!

let store = Redux.createStore(reducer);

// In a render() method...
<Provider store={store}>
  <App />
</Provider>

이 상태만!

mapStateToProps() 함수를 통해서만 특정 상태에 대한 구성 요소의 액세스를 제한할 수 있습니다.

const mapStateToProps = state => ({
  light: state.brightness
});

그러면 내부 상태brigtness에 액세스할 수 있습니다.

후기

오늘의 블로그는 내가 React에 대해 배운 것을 수정하려고 대부분의 시간을 보냈기 때문에 짧았습니다. 그들은 실제로 그것을 테스트했습니다. 내 손이 엉망이 된 후에 지식이 붙어 있기를 바랍니다.

어쨌든 이 도전을 완료하는 다른 사람들에게 행운을 빕니다!

Github에서 저를 팔로우하세요!
또한 !