Razor Class Library pada Blazor Hybrid

Razor Class Library (RCL) adalah Library di ASP.NET Core yang memungkinkan kita untuk membuat dan mendistribusikan komponen UI yang dapat digunakan kembali dalam aplikasi web. RCL dapat berisi halaman, tampilan, komponen tampilan, pengontrol, dan model data.

Berikut adalah beberapa poin penting tentang Razor Class Library (RCL):

Reusable: RCL memungkinkan kita untuk membuat komponen UI yang dapat digunakan kembali di berbagai proyek. Ini sangat berguna untuk menghindari duplikasi kode dan mempermudah maintenance aplikasi.

Distribusi: Kita dapat mengemas RCL sebagai paket NuGet, sehingga dapat dengan mudah didistribusikan dan digunakan di proyek lain.

Struktur: RCL biasanya berisi folder wwwroot untuk aset statis seperti CSS dan JavaScript, serta folder Pages atau Views untuk Razor Pages atau MVC Views.

Integrasi: RCL dapat diintegrasikan ke dalam aplikasi ASP.NET Core dengan menambahkan referensi ke proyek RCL. Aplikasi yang menggunakan RCL dapat mengakses komponen dan aset yang disediakan oleh RCL.

Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih

Dialog Component pada Blazor Hybrid

Pada artikel ini tidak menjelaskan apa itu blazor hybrid, bagaimana bekerja dengan project maupun cara-cara untuk menambahkan item pada project, karena semuanya telah dijelaskan pada dua artikel sebelumnya. Pastikan anda telah menyelesaikan latihan-latihan pada artikel sebelumnya. Artikel ini akan focus bagaimana membuat Dialog Component pada blazor hybrid.

Disarankan untuk membaca dan menyeselesaikan latihan pada artikel sebelumnya pada tautan berikut : https://junindar.blogspot.com/2024/12/pengenalan-blazor-hybrid.html 

Pembahasan berikutnya adalah membuat halaman dialog pada Blazor Hybrid.  Blazor Dialog Component adalah komponen modal popup yang digunakan dalam aplikasi Blazor untuk menampilkan informasi kepada pengguna. Komponen ini dapat juga digunakan untuk meminta input dari pengguna. Sebagai contoh, kita dapat membuat dialog untuk konfirmasi, form input, atau pesan peringatan.

Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih

Wassalam

Pengenalan Blazor Hybrid

Blazor Hybrid adalah pendekatan inovatif yang menggabungkan framework Blazor dengan .NET MAUI (Multi-platform App UI). Yang memungkinkan kita sebagai developer untuk membangun aplikasi cross platform menggunakan teknologi web yang sudah dikenal. Dalam aplikasi Blazor Hybrid, komponen Razor berjalan secara native di perangkat dan dirender ke kontrol Web View yang tertanam melalui local interop. Sehingga komponen ini tidak berjalan di browser dan tidak melibatkan WebAssembly. 

Terdapat beberapa keuntungan bagi pengembang yang ingin membangun aplikasi cross  platform dengan menggunakan Blazor Hybrid seperti:

• Kita dapat menggunakan kembali komponen-komponen UI web yang sama di berbagai platform (seluler, desktop, dan web), sehingga mengurangi kebutuhan untuk menulis kode terpisah untuk setiap platform.
• Pengembang dapat menggunakan teknologi web yang sudah dikenal seperti HTML, CSS, dan C# untuk membangun aplikasi, yang dapat mempercepat proses pengembangan.
• Karena komponen Blazor Hybrid berjalan secara native di perangkat, komponen tersebut dapat menawarkan performa yang lebih baik dibandingkan aplikasi web tradisional yang dijalankan di browser.
• Blazor Hybrid memungkinkan kita untuk mengakses fitur dan API perangkat asli melalui .NET MAUI, sehingga dapat membuat aplikasi yang lebih canggih dan kaya akan fitur.

Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih

Wassalam