Bagaimana Airbnb Membuat Build JavaScript Lebih Cepat

• Mengganti bundler dari Webpack ke Metro
  → Perubahan UI sederhana menjadi 80% lebih cepat (~1 menit menjadi 11 detik)
  → Bahkan build produksi yang paling lambat pun menjadi 55% lebih cepat (dari 30,5 menit menjadi 13,8 menit)
  → Selain itu, performa halaman web juga meningkat sekitar 1%
• Metro adalah bundler JavaScript open-source untuk React Native
  → Airbnb kini tidak lagi menggunakan RN, tetapi percaya bahwa Metro juga cocok untuk web
  → Bundling disusun dalam 3 tahap: Resolution, Transformation, Serialization
• Perbedaan utama Metro dan Webpack
  • Saat pengembangan, bundle JS hanya diproses ketika diminta
  • Cache multi-layer
  • Serialization
  • Karena dibuat untuk RN, diperlukan sedikit penyesuaian
    • Bundle Splitting
    • Tree-shaking