• เปลี่ยนตัวบันเดลเลอร์จาก Webpack เป็น Metro
    → การเปลี่ยน UI แบบง่าย ๆ เร็วขึ้น 80% (~1 นาทีเหลือ 11 วินาที)
    → แม้แต่โปรดักชันบิลด์ที่ช้าที่สุดก็เร็วขึ้น 55% (จาก 30.5 นาทีเหลือ 13.8 นาที)
    → นอกจากนี้ประสิทธิภาพของหน้าเว็บยังเร็วขึ้นอีกราว 1%
  • Metro คือโอเพนซอร์ส JavaScript บันเดลเลอร์สำหรับ React Native
    → แม้ตอนนี้ Airbnb จะไม่ได้ใช้ RN แล้ว แต่เชื่อว่า Metro ก็เหมาะกับเว็บเช่นกัน
    → จัดกระบวนการบันเดลเป็น 3 ขั้นตอน: Resolution, Transformation, Serialization
  • ความแตกต่างหลักระหว่าง Metro กับ Webpack
    • ระหว่างพัฒนา จะประมวลผล JS bundle เฉพาะตอนที่มีการร้องขอเท่านั้น
    • แคชหลายเลเยอร์
    • Serialization
    • เนื่องจากเป็นของสำหรับ RN จึงต้องมีงานเพิ่มเติมเล็กน้อย
      • Bundle Splitting
      • Tree-shaking

ยังไม่มีความคิดเห็น

ยังไม่มีความคิดเห็น