React Conf 2025 (Hari 2)

Sebagai lanjutan dari tulisan sebelumnya, ini adalah ringkasan presentasi hari kedua React Conference 2025.

Hari kedua terutama berisi presentasi yang berkaitan dengan React Native.

Bagi yang ingin melihat keseluruhan isinya, sepertinya baik untuk merujuk ke artikel pada tautan tersebut!

• React Native Keynote

  • Unduhan React Native tumbuh 100% (4 juta per minggu), New Architecture diaktifkan secara default pada rilis 0.82 dan dukungan eksperimen Hermes V1
  • Untuk konvergensi web, ditambahkan React Strict DOM dan DOM APIs, serta dibagikan kisah sukses dari Shopify, Starlink, dan lainnya
  • Expo SDK 54, penguatan panel performa DevTools, serta ekspansi ke platform masa depan melalui integrasi Vega OS

• React Native, Amplified

  • Vega OS dari Amazon: OS berbasis Linux dengan React Native bawaan, mendukung perangkat seperti Fire TV dan meningkatkan efisiensi sumber daya sebesar 30%
  • Dengan React Native for Vega(@amazon-devices/react-native-kepler), library dapat dibagikan antar aplikasi, menghemat penyimpanan 10-12MB
  • Vega Developer Tools Public Beta, dukungan porting seperti Rock, dan percepatan pengembangan dengan alat AI (Amazon Q, Kiro)

• React Strict DOM

  • Untuk mengatasi keterputusan antara web dan native, react-strict-dom: polyfill HTML/CSS untuk membangun satu UI React ("Learn Once, Write Once")
  • Berhasil berbagi 60% kode web di aplikasi Meta Facebook VR, dengan peningkatan performa native 2,5x
  • Masa depan: perluasan dukungan DOM API hingga 63%, integrasi animasi/styling lintas platform, dan optimasi pembelajaran AI

• Reimagining Lists in React Native

  • Untuk mengatasi masalah Blanking List (konten menghilang saat scroll), dilakukan eksperimen <VirtualView />; komponen: kontrol prioritas rendering sinkron/asinkron
  • Optimalisasi daftar tervirtualisasi dengan Virtual Collections, pemisahan mode visible/prerender, dokumentasi dijadwalkan pada rilis 0.83
  • Dengan New Architecture sebagai default, performa setara framework UI mobile, dan meminta umpan balik komunitas

• React Everywhere: Bringing React Into Native Apps

  • Untuk mengatasi keterbatasan WebView (penurunan UX, bottleneck performa), React Native Brownfield: penyisipan bertahap view RN ke aplikasi native yang sudah ada
  • Dengan alat rock, bundling aplikasi RN menjadi AAR/XCFramework, berbagi kode universal melalui react-strict-dom/Nativewind
  • Kepemilikan oleh satu tim dan strategi migrasi WebView → RN untuk memaksimalkan efisiensi cross-platform

• How Parcel Bundles React Server Components

  • Dukungan RSC pada Parcel v2.14: integrasi server/client module graph, pembuatan proxy dan otomatisasi preload dengan direktif "use client"
  • Menghilangkan Network Waterfalls: dynamic import server tanpa latensi, penanganan CSS side effect, optimalisasi code splitting
  • Implementasi RSC yang independen dari framework di layer bundler, dengan penerapan SSR selektif untuk meningkatkan performa/fleksibilitas

• Designing Page Transitions

  • Animasi antar halaman server-rendered dengan View Transitions API: opt-in melalui <ViewTransition />, menyediakan crossfade default
  • Kustomisasi arah/elemen bersama dengan Next.js Custom Link, UX yang lebih polished dengan motion blur/easing
  • Animasi static image berperforma tinggi dengan browser pseudo-elements, penyederhanaan pengembangan lewat delegasi koordinasi ke React

• Build Fast, Deploy Faster—Expo in 2025

  • Expo SDK 54: React Compiler sebagai default, integrasi instan efek native seperti liquid glass, EAS Build 4x lebih cepat
  • Deployment 5 menit dengan otomatisasi EAS Deploy/TestFlight, peluncuran App Store sekali klik dengan Expo Launch
  • Dukungan CSS native (kompatibel dengan Tailwind), demo AI Copilot yang membuat aplikasi Pokédex dalam 40 detik

• The React Router take on RSC

  • Mengaktifkan RSC dengan plugin Vite, adopsi bertahap pada aplikasi yang ada: konversi loader → async Server Component
  • Penerapan RSC independen pada nested routes, penyederhanaan form/action dengan Server Actions, perhatian pada "use client"
  • Routing/loading data yang type-safe, dukungan campuran client-server untuk fleksibilitas full-stack

• RedwoodSDK: Web Standards Meet Full-Stack React

  • Framework web standards berbasis Vite: route functions, interrupters/middleware, dioptimalkan untuk Cloudflare Workers
  • Streaming RSC server-first, real-time WebSockets, dukungan no-JS SSR → hydration → View Transitions
  • Deploy satu perintah dengan pnpm release, kontrol dokumen lengkap lewat integrasi Durable Objects/DB

• TanStack Start

  • Full-stack client-first: routing/loading data type-safe berbasis TanStack Router, SSR dapat di-toggle
  • Pembuatan aplikasi dengan CLI, server functions/middleware, API routes berbasis file, integrasi add-ons (Prisma/Neon)
  • Upgrade ke full-stack sambil mempertahankan pola SPA, menekankan stabilitas ekosistem React melalui pengembangan berbasis komunitas

• What's The Framework of the React Future?

  • Diskusi panel: tren konvergensi seperti Next.js (Partial Prerendering), Remix (RSC wajib), Expo (universal), TanStack Start (type-safe), dan lainnya
  • Integrasi AI/LLM: model lokal, protokol MCP, dan streaming SSR untuk merevolusi pengembangan/deployment
  • Visi React Foundation: konvergensi meta framework, kebutuhan akan signals/external store, dan kontrol performa yang lebih granular

• Async React (continued)

  • Menyelesaikan masalah aplikasi TODO sinkron: peningkatan UX yang janky dengan Transitions/Suspense/useOptimistic, serta animasi View Transitions
  • Pola action props (React 19): penanganan transition/mutation otomatis, status loading bawaan
  • Async React WG: standardisasi router/data/desain, arsitektur async deklaratif untuk UX yang ramah AI/manusia