React Conf 2025 (Hari 1)

 (frontoverflow.com)
15 poin oleh soaple 2025-10-13 | 7 komentar | Bagikan ke WhatsApp

Minggu lalu, konferensi React 2025 diadakan.

Pada hari pertama, presentasi terutama membahas topik yang berkaitan dengan React.

  • React Keynote

    • Pengumuman React 19.1 (Owner Stacks), 19.2 (Activity/useEffectEvent/Partial Pre-rendering), dan Canary (View Transitions)
    • React Compiler 1.0 resmi dirilis, menyediakan memoization otomatis dan analisis kode
    • Dengan dibentuknya React Foundation, tata kelola yang berpusat pada komunitas dimulai

  • View Transitions and Activity

    • Dengan <Activity />, status visible/hidden dapat dialihkan tanpa state lift-up dan state dipertahankan otomatis
    • Dengan <ViewTransition />, animasi deklaratif dapat diimplementasikan bahkan di Server Components
    • Pengelolaan status UI dan animasi ditangani secara composable dan declarative

  • Profiling with React Performance Tracks

    • Mulai React 19.2, visualisasi timeline pekerjaan React didukung di Chrome DevTools
    • Bottleneck performa dapat diidentifikasi melalui Scheduler/Components/Server Components Track
    • Penambahan Suspense Panel memungkinkan visualisasi status Suspense boundary (rilis akhir 2025)

  • In case you missed the memo

    • Sanity Studio mememoize lebih dari 1.000 komponen dengan React Compiler, dengan peningkatan performa rata-rata 20~30%
    • Memungkinkan optimasi yang lebih rinci (conditional subscription pada context, branch memoization) dan deteksi bug
    • Disarankan untuk segera mengadopsinya agar bisa fokus pada "Make it work" tanpa khawatir soal memoization

  • Async React

    • Transitions, Suspense, dan Server Components adalah struktur baru untuk membangun aplikasi asinkron
    • Suspense, router, dan caching menyelesaikan flicker pada loading states
    • Integrasi startTransition dan animasi mengoordinasikan data fetching dan UI updating

  • React and AI

    • Meta memanfaatkan AI untuk perbaikan bug dan penelusuran kode, dengan injeksi konteks melalui LLM rules
    • Fokus pada identifikasi context yang tepat, dan memanfaatkan AI sebagai partner pair programming
    • API React yang stabil menjadi fondasi untuk membangun tool AI, serta membuka peluang transisi karier menjadi AI Engineer

  • Exploring React Performance

    • Keseimbangan antara Data Model dan Rendering Algorithm itu penting, dan React Compiler meningkatkan performa
    • Pendekatan domain-specific lebih unggul daripada algoritma inkremental umum
    • Memanfaatkan Transitions, Suspense, Virtualization, <Activity />, dan Data Modeling

  • The invisible craft of great UX

    • Detail kecil seperti klik-seret-lepas, popover per OS, dan jeda tooltip sangat memengaruhi UX
    • Menafsirkan niat pengguna alih-alih hanya DOM event, lalu menyelesaikan masalah dengan scrub cursor locking/teleportation
    • Performa ditingkatkan dengan memakai ulang banyak popover sebagai satu elemen tunggal (300→1)

  • Building an MCP Server for a React Component

    • MCP adalah standar open source yang menghubungkan AI dengan sistem eksternal, menyediakan cara yang terstandarisasi seperti USB-C
    • AG Grid meng-embed 360 ribu dokumen dan menyimpannya di Postgres, untuk memberikan konteks yang akurat ke LLM
    • Mendukung pencarian dokumen dan pembuatan komponen cepat melalui Prompts/Resources/Tools

  • Why React Native apps make all the money

    • React Native menunjukkan hasil unggul dalam conversion berbayar, pendapatan per instalasi, dan LTV
    • Pengembangan cross-platform memungkinkan peluncuran cepat dan penerapan strategi monetisasi yang konsisten
    • RevenueCat SDK mendukung monetisasi yang mudah seperti paywall, analitik, dan eksperimen harga

  • Modern emails using React

    • Email sulit dikembangkan karena keterbatasan dukungan properti CSS dan perbedaan rendering antar klien
    • React Email mendukung pembuatan berbasis komponen, pengujian kompatibilitas, pemeriksaan tautan, dan lainnya
    • Mengubah ke HTML dengan fungsi render, dan digunakan oleh perusahaan-perusahaan besar melalui Resend API

  • React team Q&A

    • React Compiler aman diadopsi jika mengikuti Rules of React, dan kode baru tidak memerlukan useMemo/useCallback
    • AI dimanfaatkan sebagai partner pair programming, dan kemampuan merancang arsitektur itu penting
    • Selama 5 tahun, React Foundation akan mengurangi peran Meta, memperluas komunitas, dan mendorong suasana yang ramah

Bacaan terkait

7 komentar

 
nayounsang1 2025-10-15

Terima kasih.
 
soaple 2025-10-16

Terima kasih!
 
bluekai17 2025-10-15

Isi pembaruan React Native 0.82 juga tampak cukup signifikan.
 
soaple 2025-10-16

Ya, benar sekali haha

Sebagian besar presentasi terkait React Native memang dibawakan pada hari kedua, jadi sepertinya akan membantu jika Anda melihat ringkasan presentasi hari kedua di bawah ini!

https://id.news.hada.io/topic?id=23670
 
addons 2025-10-13

Terima kasih, enak dibaca!
 
soaple 2025-10-13

Terima kasih!
 
soaple 2025-10-13

Karena isi presentasinya cukup panjang, kalau ingin mengetahui keseluruhannya sepertinya sebaiknya merujuk ke tulisan di tautannya.

Saya juga akan segera merangkum isi presentasi hari kedua dan mengunggahnya!