search

7sferry / gatsbyan

My Personal Blog at https://ferry.vercel.app/
https://ferry.now.sh
MIT License
4 stars 2 forks source link

blog/mengatasi-minified-react-error #153

Open utterances-bot opened 5 days ago

utterances-bot commented 5 days ago

Mengatasi Minified React Error #425 #418 #423 [Ferry Suhandri]

Sebelum kita telaah lebih jauh solusinya, kita perlu pahami dulu masalahnya, yaitu Hydration. Hydration adalah proses transisi dari halaman yang tadinya statis menjadi interaktif. Pada saat browser pertama kali load sebuah halaman berbasis Rendering di server, sebenarnya server melakukan generate konten halamannya dengan mengeksekusi JS di server dan menghasilkan output halaman statis berupa HTML & CSS doang. Jadi, saat browser pertama kali menerima response, ga ada JS dan belum bisa mengeksekusi hal-hal terkait JS. Lalu server akan mengirimkan JS secara terpisah dan barulah browser mengeksekusi JS yang diterima hingga website tersebut menjadi interaktif. Itulah yang disebut dengan Hydration. Makanya website tersebut loading awalnya jadi cukup cepat dan SEO-nya ce

https://ferry.vercel.app/blog/mengatasi-minified-react-error

manamungkinn commented 5 days ago

Di web gw kok masih ga bisa ya bg, apa gw salah di penggunaan kodenya ya?🙏

7sferry commented 5 days ago

Di web gw kok masih ga bisa ya bg, apa gw salah di penggunaan kodenya ya?🙏

perlu diidentifikasi dulu masalahnya di mana. kalau terkait jam yg di-convert dari string bisa pake yg Timezone Solution. kalau di case gw itu dapatnya dari tanggal CMS yg formatnya "2023-04-18T03:00+07:00".

tapi kalau masalahnya karena valuenya di-generate di client pake cara kedua Wrapper Component. kalau di case gw ada pemanggilan new Date() yg harusnya dieksekusi di sisi client saja, jadi perlu dihandle pake wrapper component pas nampilin value di htmlnya.