<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Frontend on M. Hidayatullah — Software Engineer</title><link>https://dayatdev.my.id/tags/frontend/</link><description>Recent content in Frontend on M. Hidayatullah — Software Engineer</description><generator>Hugo</generator><language>id-ID</language><lastBuildDate>Tue, 02 Jun 2026 00:00:00 +0800</lastBuildDate><atom:link href="https://dayatdev.my.id/tags/frontend/index.xml" rel="self" type="application/rss+xml"/><item><title>Tailwind CSS v4: Mesin Oxide Rust &amp; Konfigurasi CSS-First</title><link>https://dayatdev.my.id/blog/tailwind-v4-oxide/</link><pubDate>Tue, 02 Jun 2026 00:00:00 +0800</pubDate><guid>https://dayatdev.my.id/blog/tailwind-v4-oxide/</guid><description>&lt;p>Tailwind CSS v4 (rilis stabil &lt;strong>22 Januari 2025&lt;/strong>, dilanjutkan v4.1) adalah penulisan ulang dari nol yang mengubah fundamental framework ini. Ringkasan dari &lt;a href="https://tailwindcss.com/blog/tailwindcss-v4">blog resmi Tailwind&lt;/a>.&lt;/p>
&lt;h2 id="mesin-oxide-rust">Mesin Oxide (Rust)&lt;/h2>
&lt;p>Inti v4 adalah &lt;strong>Oxide&lt;/strong>, mesin baru yang ditulis ulang dengan Rust dan terintegrasi dengan Lightning CSS. Hasilnya build &lt;strong>hingga 10x lebih cepat&lt;/strong>, dan HMR yang nyaris instan.&lt;/p></description></item><item><title>Vue 3.6 &amp; Vapor Mode: Tanpa Virtual DOM, Reaktivitas Alien Signals</title><link>https://dayatdev.my.id/blog/vue-3-6-vapor/</link><pubDate>Fri, 29 May 2026 00:00:00 +0800</pubDate><guid>https://dayatdev.my.id/blog/vue-3-6-vapor/</guid><description>&lt;p>Vue 3.6 (sudah masuk fase &lt;strong>beta&lt;/strong> pada 2026) membawa dua perubahan teknis terbesar sejak Vue 3.0. Ringkasan dari &lt;a href="https://github.com/vuejs/core/releases">release notes resmi vuejs/core&lt;/a>.&lt;/p>
&lt;h2 id="vapor-mode">Vapor Mode&lt;/h2>
&lt;p>Strategi kompilasi baru yang &lt;strong>menghilangkan Virtual DOM&lt;/strong> untuk komponen tertentu — meng-compile langsung ke operasi DOM. Hasilnya rendering jauh lebih cepat dan baseline bundle yang jauh lebih kecil. Sifatnya &lt;em>opt-in&lt;/em> per komponen lewat atribut &lt;code>vapor&lt;/code> pada &lt;code>&amp;lt;script setup&amp;gt;&lt;/code>, jadi bukan migrasi semua-atau-tidak:&lt;/p></description></item><item><title>Svelte 5 &amp; SvelteKit: Era Runes dan Remote Functions</title><link>https://dayatdev.my.id/blog/svelte-5-runes/</link><pubDate>Tue, 26 May 2026 00:00:00 +0800</pubDate><guid>https://dayatdev.my.id/blog/svelte-5-runes/</guid><description>&lt;p>Svelte 5 membawa sistem reaktivitas yang benar-benar baru lewat &lt;strong>runes&lt;/strong>, dan ekosistem SvelteKit terus matang hingga 2026. Ringkasan dari &lt;a href="https://svelte.dev/docs">dokumentasi resmi Svelte&lt;/a>.&lt;/p>
&lt;h2 id="runes-reaktivitas-eksplisit">Runes: Reaktivitas Eksplisit&lt;/h2>
&lt;p>Menggantikan deklarasi reaktif implisit Svelte 4 dengan primitif yang eksplisit dan dapat dipakai juga di file &lt;code>.svelte.ts&lt;/code>:&lt;/p></description></item><item><title>Angular 21: Zoneless Default, Signal Forms, &amp; Vitest</title><link>https://dayatdev.my.id/blog/angular-21-zoneless/</link><pubDate>Mon, 25 May 2026 00:00:00 +0800</pubDate><guid>https://dayatdev.my.id/blog/angular-21-zoneless/</guid><description>&lt;p>Angular 21 dirilis pada &lt;strong>20 November 2025&lt;/strong> dan menjadi salah satu rilis terpenting dalam beberapa tahun terakhir. Ringkasan dari ekosistem resmi Angular.&lt;/p>
&lt;h2 id="zoneless-sebagai-default">Zoneless sebagai Default&lt;/h2>
&lt;p>Sejak 2016, Angular membawa Zone.js untuk mendeteksi perubahan secara otomatis. Di Angular 21, &lt;strong>zoneless change detection&lt;/strong> menjadi default untuk proyek baru — menghemat ~33KB dari bundle dan membuat deteksi perubahan menjadi eksplisit lewat Signals (Zone.js tetap didukung untuk proyek lama).&lt;/p></description></item><item><title>Astro 5: Content Layer &amp; Server Islands</title><link>https://dayatdev.my.id/blog/astro-5/</link><pubDate>Wed, 20 May 2026 00:00:00 +0800</pubDate><guid>https://dayatdev.my.id/blog/astro-5/</guid><description>&lt;p>Astro adalah framework web untuk situs &lt;em>content-driven&lt;/em> (blog, marketing, dokumentasi, e-commerce) dengan filosofi &amp;ldquo;zero JavaScript by default&amp;rdquo;. Astro 5 (rilis akhir 2024, kini di seri 5.x) membawa dua fitur besar. Ringkasan dari &lt;a href="https://astro.build/blog/astro-5/">blog resmi Astro&lt;/a>.&lt;/p></description></item><item><title>Vite 8 Rilis: Bundler Tunggal Rolldown Berbasis Rust</title><link>https://dayatdev.my.id/blog/vite-8-rolldown/</link><pubDate>Mon, 18 May 2026 00:00:00 +0800</pubDate><guid>https://dayatdev.my.id/blog/vite-8-rolldown/</guid><description>&lt;p>Vite 8 dirilis pada &lt;strong>12 Maret 2026&lt;/strong> — perubahan arsitektur paling signifikan sejak Vite 2. Ringkasan dari &lt;a href="https://vite.dev/blog/announcing-vite8">blog resmi Vite&lt;/a>.&lt;/p>
&lt;h2 id="satu-bundler-rolldown">Satu Bundler: Rolldown&lt;/h2>
&lt;p>Sejak awal, Vite memakai dua bundler: esbuild untuk dev dan Rollup untuk build produksi. Vite 8 menyatukannya menjadi satu: &lt;strong>Rolldown&lt;/strong>, bundler tunggal berbasis &lt;strong>Rust&lt;/strong> (dari tim VoidZero) yang memberi build &lt;strong>10-30x lebih cepat&lt;/strong> sambil tetap kompatibel penuh dengan API plugin Rollup.&lt;/p></description></item><item><title>Bikin Composable useFetch Sederhana di Vue 3</title><link>https://dayatdev.my.id/blog/vue-composable-fetch/</link><pubDate>Thu, 20 Mar 2025 00:00:00 +0800</pubDate><guid>https://dayatdev.my.id/blog/vue-composable-fetch/</guid><description>&lt;p>Salah satu hal yang saya suka dari Vue 3 Composition API adalah kemudahan membuat &lt;strong>composable&lt;/strong> — logika reusable yang bisa dipakai di banyak komponen. Mari buat &lt;code>useFetch&lt;/code>.&lt;/p></description></item></channel></rss>