อะไรคือความแตกต่างระหว่าง Hot Reloading และ Live Reloading ใน React Native?


311

ฉันสับสนเล็กน้อยที่นี่ เมื่อฉันตอบสนองดีบักโปรแกรมพื้นเมืองผมมักจะเปิดใช้ทั้งโหลดร้อนและสดโหลด ฉันอยากรู้ว่าอะไรคือความแตกต่างระหว่างพวกเขา?

คำตอบ:


496

การโหลดซ้ำสดใหม่โหลดซ้ำหรือรีเฟรชทั้งแอปเมื่อไฟล์มีการเปลี่ยนแปลง ตัวอย่างเช่นหากคุณมีสี่ลิงก์ที่อยู่ลึกเข้าไปในการนำทางของคุณและบันทึกการเปลี่ยนแปลงการโหลดสดจะเริ่มแอปใหม่และโหลดแอปกลับไปที่เส้นทางเริ่มต้น

การรีโหลดอย่างรวดเร็วจะรีเฟรชไฟล์ที่เปลี่ยนแปลงโดยไม่ทำให้สถานะของแอปหายไป ตัวอย่างเช่นหากคุณมีลิงก์สี่ลิงก์ที่อยู่ลึกเข้าไปในการนำทางของคุณและบันทึกการเปลี่ยนแปลงในการกำหนดสไตล์บางอย่างรัฐจะไม่เปลี่ยนแปลง แต่สไตล์ใหม่จะปรากฏบนหน้าเว็บโดยไม่ต้องนำทางกลับไปยังหน้าเว็บที่คุณเปิดอยู่ อยู่ในหน้าเดียวกัน


5
วิดีโอนี้จากเว็บไซต์ RN อาจช่วยได้เช่นกัน youtu.be/2uQzVi-KFuc
Ekundayo Blessing Funminiyi

8
ทำไมทุกคนถึงชอบโหลดสดมากกว่าการโหลดซ้ำร้อน มีประโยชน์ในการโหลดซ้ำหรือไม่
ม.ค.

ร้อนโหลดตัวอย่างในการตอบสนองพื้นเมือง วิธีนี้ช่วยในการแสดงการเปลี่ยนแปลงที่อัปเดตใน UI
sumit kumar pradhan

สามารถทำได้ทั้งใน Kotlin หรือไม่? ถ้าเป็นเช่นนั้นคุณช่วยพาฉันไปที่ทรัพยากรที่เหมาะสมได้ไหม? ความสงบ!
monkSinha

3
@ ม.ค. ใช่การโหลดซ้ำร้อนโดยทั่วไปจะดีกว่าการโหลดสด อย่างไรก็ตามการโหลดซ้ำร้อนมีความซับซ้อนมากขึ้นในการติดตั้งและบางครั้งก็ไม่น่าเชื่อถือเท่ากับการโหลดซ้ำแบบสด
Jason Axelson

15

CMD+D / CMD+CTRL+Z / Shake Gesture menuทั้งสองสามารถเปิดใช้งานโดยใช้ ทั้งคู่กำลังใช้ watchman เพื่อฟังการเปลี่ยนแปลงของไฟล์

การโหลดสดโหลดซ้ำทั้งแอป

แนวคิดเบื้องหลังการโหลดซ้ำร้อนแรงคือการทำให้แอปทำงานต่อไปและเพื่อฉีดไฟล์เวอร์ชันใหม่ที่คุณแก้ไขเมื่อใช้งานจริง ด้วยวิธีนี้คุณจะไม่สูญเสียสถานะใด ๆ ซึ่งเป็นประโยชน์อย่างยิ่งหากคุณปรับแต่ง UI ดังนั้นมันจะโหลดเฉพาะหน้าที่คุณเปลี่ยนข้อมูลเพิ่มเติมที่นี่


2

ในขณะที่พัฒนาแอป React-Native คุณต้องดูการเปลี่ยนแปลงรหัสของคุณและสำหรับการดูการเปลี่ยนแปลงรหัสมีสองตัวเลือกใน React-Native

  1. โหลดใหม่

    โหลดซ้ำร้อนเพียงแค่แสดงการเปลี่ยนแปลงรหัสตามการเปลี่ยนแปลงรหัสใหม่โดยไม่ต้องรีสตาร์ทแอพตั้งแต่เริ่มต้นและจะมีผลเฉพาะกับรหัสการเปลี่ยนแปลง

  2. โหลดสดใหม่

    บางครั้งเราอาจต้องใช้ Live Reload เพื่อทดสอบรหัสของเราเช่นการนำทางดังนั้น Live reload จะเป็นประโยชน์ในกรณีนั้นดังนั้นมันจะทำการรีโหลดแอปพลิเคชันทั้งหมดเมื่อมีการเปลี่ยนแปลงโค้ด


0

โหลดซ้ำร้อนเพียงแค่แสดงการเปลี่ยนแปลงรหัสตามการเปลี่ยนแปลงรหัสใหม่โดยไม่ต้องรีสตาร์ทแอพตั้งแต่เริ่มต้นและจะมีผลเฉพาะกับรหัสการเปลี่ยนแปลง แต่มันก็ดีเมื่อเพียงแค่จัดแต่งองค์ประกอบเมื่อเพิ่ม / เปลี่ยนรหัส JS มันสร้างปัญหา สำหรับ Live reload หรือ rr นั้นใช้งานได้ดี

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.