Submitted about 2 months ago

Browser extension manager UI

LVL 2

Rosalia Salsabila•270

@rosalsa

A solution to the Browser extension manager UI challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

Saya senang bisa mengimplementasikan antarmuka (UI) berbasis state di mana daftar ekstensi dapat diperbarui secara dinamis tanpa perlu memuat ulang halaman.

Next time, saya ingin mencoba menggunakan framework seperti React ataupun Vue untuk menangani pembaruan DOM secara lebih efisien, serta mencoba menggunakan sistem penyimpanan lokal (localStorage) agar preferensi tema dan data yang dihapus tetap tersimpan saat halaman di-refresh.

What challenges did you encounter, and how did you overcome them?

Tantangannya memastikan aksi "Remove" dan "Toggle" tetap sinkron saat filter tertentu sedang aktif. Akhirnya saya membuat fungsi renderExtensions() yang terpusat, yang selalu mengecek status filter yang sedang dipilih sebelum menampilkan kartu-kartu ke layar.

What specific areas of your project would you like help with?

Saat ini saya merender ulang seluruh daftar setiap kali ada perubahan. Apakah ada cara yang lebih optimal untuk memperbarui elemen kartu tertentu saja tanpa harus menghapus dan menulis ulang seluruh isi kontainer?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Rosalia Salsabila’s solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord