Redux와 hot-reloading

Maliethy·2021년 2월 2일
0

핫 리로딩이 필요한 이유는

핫 리로딩이 없다면 코드를 수정한 뒤 브라우저의 페이지를 새로고침하고 데이터를 재입력 해야한다. 핫 리로딩을 사용하면 애플리케이션의 상태를 잃어버리지 않기 때문에 데이터를 재입력할 필요가 없다.

Redux에서는 스토어(store)가 애플리케이션 상태를 가지고,
상태 변환 로직은 또 다른 객체인 리듀서(reducer)가 관리를 하게 된다.
다시말해서 리듀서를 리로딩하는 것으로 애플리케이션 상태를 잃어버리지 않고 관련 로직만을 핫 리로딩할 수 있다.

참고로 react-hot-loader 는 코드가 변경되었을 때 페이지를 새로고침하지 않고 바뀐 부분만 빠르게 교체해주는 라이브러리이다.

참고:

리덕스 패턴(Redux pattern), react-redux
핫 리로딩(hot reloading)과 시간 여행 디버깅(time travel debugging)이 도대체 무엇일까?
react-hot-loader 적용하기

profile
바꿀 수 있는 것에 주목하자

0개의 댓글