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


311

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

답변:


496

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

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


5
RN 웹 사이트의 비디오도 도움이 될 수 있습니다. youtu.be/2uQzVi-KFuc
Ekundayo 축복 Funminiyi

8
핫 리로딩보다 라이브 리로딩을 선호하는 이유는 무엇입니까? 라이브 리로딩에 이점이 있습니까?
Jan

반응 네이티브의 핫 리로드 예제 . 이 방법은 업데이트 된 UI 변경을 표시하는 데 도움이됩니다.
sumit kumar pradhan

코 틀린에서 둘 다 할 수 있습니까? 그렇다면 적절한 리소스로 안내해 주시겠습니까? 평화!
monkSinha

3
@Jan 예, 일반적으로 핫 리로딩이 라이브 리로딩보다 바람직합니다. 그러나 핫 리로딩은 구현하기가 더 복잡하며 때로는 실시간 리로딩만큼 신뢰할 수 없습니다.
Jason Axelson

15

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

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

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


2

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

  1. 핫 리로드

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

  2. 라이브 리로드

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


0

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

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.