핫 리로딩

핫 리로드

핫 리로드는 앱을 처음부터 다시 시작하지 않고 새로운 코드 변경에 따른 코드 변경 사항 만 표시하며 변경된 코드에만 적용됩니다.

라이브 리로드

때로는 탐색과 같은 코드를 테스트하기 위해 Live Reload가 필요할 수 있으므로 Live reload는이 경우 유용하므로 코드 변경시 전체 응용 프로그램을 다시로드합니다.

여기서 우리가 살펴볼 리로드는 핫 리로드이다

리액트의 리덕스가 바로 핫 리로딩의 대표적인 예시이다.
리액트는 컴포넌트 단위로 리렌더링 해주면서 페이지를 전체 리로드 할 필요없이 부분적으로 리렌더링이 가능하다. 따라서 코드나 상태가 변한다면 부분적으로 리렌더링을 할 수 있다.

그리고 리덕스를 사용하지 않더라도 webpack에 핫 모듈을 통해서 핫리로더 설정이 가능하다.

 config.plugins.push(new webpack.HotModuleReplacementPlugin());