Blazor dari Nol: Seri Baru
Saya sudah menulis tentang Blazor cukup lama — siklus hidup komponen, CSS terisolasi, model interaktivitas, autentikasi. Artikel-artikel itu berguna masing-masing, tapi saya selalu merasa ada yang kurang: fondasi. Mereka mengasumsikan Anda sudah tahu apa itu Blazor, mengapa ada, dan bagaimana ia cocok dalam ekosistem .NET yang lebih luas. Tidak semua orang tahu itu, dan itu sepenuhnya wajar.
Jadi saya memulai sesuatu yang baru: Blazor dari Nol. Seri yang sesungguhnya, dibangun dari fondasi, ditujukan untuk para developer yang ingin benar-benar memahami apa yang mereka bangun — bukan sekadar copy-paste hingga berhasil.
Untuk Siapa Seri Ini
Seri ini untuk Anda jika:
- Anda adalah developer .NET yang pernah mendengar tentang Blazor tapi tidak pernah punya waktu atau titik awal yang tepat untuk mendalaminya.
- Anda sudah mencoba Blazor, berhasil menjalankannya, tapi merasa seperti menebak mengapa hal-hal bisa bekerja.
- Anda berasal dari dunia JavaScript/React/Angular dan ingin memahami seperti apa jawaban Microsoft untuk frontend modern.
- Anda menginginkan satu sumber yang koheren daripada dokumentasi yang tersebar dan artikel blog yang berantakan.
Anda tidak perlu menjadi developer senior. Yang Anda butuhkan adalah kenyamanan dengan dasar-dasar C# — class, interface, async/await. Jika Anda bisa menulis CRUD API sederhana di ASP.NET Core, Anda sudah siap.
Apa yang Akan Kita Bahas
Berikut peta jalan kasar dari yang saya rencanakan:
- Apa itu Blazor? — Model hosting, sejarah, perbandingan dengan pengembangan web tradisional
- Aplikasi Blazor pertama Anda — Scaffolding, struktur proyek, menjalankan secara lokal
- Komponen — Blok bangunan dari setiap UI Blazor
- Data binding dan event — Membuat UI Anda reaktif
- Komunikasi antar komponen — Parameter, EventCallbacks, nilai bertingkat
- Routing dan navigasi — Bagaimana Blazor menangani URL dan transisi halaman
- Dependency injection — Services, scope, dan kontainer DI di Blazor
- Form dan validasi — EditForm, DataAnnotations, validator kustom
- HTTP dan data eksternal — Memanggil API dari aplikasi Blazor Anda
- Autentikasi dan otorisasi — Mengamankan aplikasi dengan cara yang benar
- JavaScript interop — Ketika Anda perlu menjangkau browser
- Performa dan optimisasi — Virtualisasi, lazy loading, strategi render
- Menguji komponen Blazor — bUnit dan seperti apa tes yang solid
- Deployment — Mempublikasikan ke Azure, IIS, dan host statis
Daftar ini akan berkembang. Beberapa topik akan dipecah menjadi beberapa artikel; yang lain mungkin digabung. Saya akan memperbarui artikel ini seiring perkembangan seri dan menambahkan tautan ke setiap entri saat dipublikasikan.
Mengapa Seri, Mengapa Sekarang
Blazor sudah sangat matang. Dengan .NET 8 dan 9, model rendering dirombak secara signifikan — static SSR, streaming rendering, Server interaktif, WebAssembly interaktif, dan mode Auto kini hadir bersama dalam satu atap. Ini framework yang benar-benar menarik dan mumpuni, namun lonjakan kompleksitasnya membuat pengalaman memulai bisa membingungkan.
Saya ingin membangun sumber daya yang bertemu Anda di mana Anda berada dan membawa Anda melalui semuanya secara sistematis. Bukan pengganti dokumentasi resmi — itu bagus dan Anda harus membacanya — melainkan pendamping yang menjelaskan mengapa di balik apa.
Cara Mengikuti Seri
Setiap artikel dalam seri ini akan cukup mandiri untuk dibaca sendiri, tapi mereka juga saling membangun. Jika Anda memulai dari awal, saya sarankan mengikuti urutan. Jika Anda masuk untuk mengisi celah tertentu, itu juga tidak masalah — saya akan menautkan artikel prasyarat yang diperlukan.
Kode untuk setiap artikel akan tersedia di GitHub. Saya akan berbagi tautannya seiring berjalannya waktu.
Sampai jumpa di artikel berikutnya.