Apa yang baru di React 18

  • Saturday, 12 Jun 2021

Beberapa hari yang lalu telah hadir React 18 dalam versi Alpha, ini adalah
berita menarik bagi para pengembang front end khususnya yang mengadopsi react dalam stack mereka. Rilis kali ini termasuk rilis yang besar namun tidak menyertakan fungsi baru

Apa yang baru?

Jika kalian tertarik ingin mengetahui lebih dalam mengenai apa yang baru di versi ni, kalian dapat melihat secara langsung diskusi di Github. Tim dibalik pengembangan React melakukan pekerjaannya dengan baik termasuk dalam menjelaskan hal secara detail dan aktif dalam menjawab pertanyaan.

Kesimpulan dari rilis ini adalah kalian dapat menggunakan React 18 tanpa harus mengubah kode aplikasi yang ada. Berangkat dari pengenalan React 18 terdapat beberapa fitur-fitur yang diprioritaskan termasuk fitur yang sudah ada pada versi 16 dan ada juga fitur yang telah diperkenalkan sebelumnya namun masih dalam tahap preview.

Suspense

Fitur ini tersedia mulai dari React 16.6. Idenya adalah anda dapat menentukan kondisi awal saat menunggu beberapa kode dimuat.

jsx
<Suspense fallback={<Spinner />}>
<ProfilePage />
</Suspense>

React 18 memang sangat memprioritaskan fitur ini. Buktinya, melihat dari diskusi di Github, fitur ini sebelumnya tidak mendukung di sisi server dan sekarang di versi 18 ini sudah mendukung walaupun ada tingkat dukungan yang berbeda tergantung pada API yang digunakan.

Concurrent

Ini termasuk fitur yang sering didapati dibeberapa diskusi seperti di twitter maupun di blog. Concurrent merupakan serangkaian fitur yang membantu aplikasi react tetap responsif dan menyesuaikan dengan perangkat dan kecepatan jaringan.

Fitur ini masuk dalam daftar list yang dapat peningkatan di React 18

Server component

Sebagian besar tim pengembang dibelakang React memprioritaskan fitur-fitur yang berhubungan dengan sisi server. Termasuk fitur ini, tahun lalu desember 2020, Dan Abramove memperkenalkan server component, dalam video ini berbicara bagaimana menulis komponen react di sisi server dan dari komponen tersebut dikirim ke sisi klien.