[javascript] React Native의 핫 리로딩과 라이브 리로딩의 차이점은 무엇입니까?

나는 약간 혼란 스러워요. React Native Application을 디버깅 할 때 일반적으로 Hot ReloadingLive Reloading을 활성화합니다 . 그들 사이의 차이점이 무엇인지 알고 싶습니다.



답변

실시간 다시 로드는 파일이 변경 될 때 전체 앱을 다시 로드하거나 새로 고칩니다. 예를 들어 내비게이션에 4 개의 링크가 있고 변경 사항을 저장 한 경우 실시간 다시로드는 앱을 다시 시작하고 앱을 초기 경로로 다시로드합니다.

핫 리로드 는 앱 상태를 잃지 않고 변경된 파일 만 새로 고칩니다. 예를 들어 내비게이션에 4 개의 링크가 있고 일부 스타일링에 대한 변경 사항을 저장 한 경우 상태는 변경되지 않지만 새 스타일은 계속 페이지를 탐색하지 않아도 페이지에 표시됩니다. 같은 페이지에 있습니다.


답변

모두를 사용하여 활성화 할 수 있습니다 CMD+D / CMD+CTRL+Z / Shake Gesture menu. 둘 다 파수꾼을 사용하여 파일 변경 사항을 듣습니다.

실시간 다시로드는 전체 앱을 다시로드합니다.

핫 리로딩의 기본 개념은 앱을 계속 실행하고 런타임에 편집 한 새 버전의 파일을 삽입하는 것입니다. 이렇게하면 상태를 잃지 않고 UI를 조정할 때 특히 유용합니다. 따라서 여기에서 더 많은 정보를 변경하는 페이지 만 다시로드됩니다.


답변

React-Native 앱을 개발하는 동안 코드 변경 사항을보고 코드 변경 사항을 보려면 React-Native에 두 가지 옵션이 있습니다.

  1. 핫 리로드

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

  2. 라이브 리로드

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


답변

핫 리로드는 앱을 처음부터 다시 시작하지 않고 새로운 코드 변경에 따른 코드 변경 사항 만 표시하며 변경된 코드에만 적용됩니다. 그러나 JS 코드를 추가 / 변경할 때 구성 요소를 스타일링하면 문제가 발생합니다. 그 라이브 리로드 또는 rr이 잘 작동합니다.


답변