Setelah lima tahun dikembangkan sebagai produk berbayar, sistem desain Reshaped telah beralih menjadi sepenuhnya open source. Library UI komprehensif ini, yang menghubungkan komponen React dan file desain Figma, merepresentasikan perubahan signifikan dalam cara sistem desain premium dapat berevolusi untuk melayani komunitas developer yang lebih luas.
Kreator awalnya membangun Reshaped untuk memecahkan masalah umum dalam pengembangan web: kebutuhan akan sistem desain yang mencakup 80% pola UI web inti sambil memberikan fleksibilitas untuk implementasi kustom. Library ini mendapat daya tarik melalui model lisensi berbayar yang mendukung developer individu dan tim yang lebih besar dengan akses kode sumber.
Linimasa Pengembangan
- Dimulai: 5 tahun yang lalu (2019)
- Paket React dibuat gratis: 2 tahun yang lalu (2022)
- Rilis open source penuh: Januari 2025
Masalah Performa Muncul dalam Pengujian Komunitas
Para pengguna awal dengan cepat mengidentifikasi beberapa masalah performa pada website dokumentasi dan komponen. Pengguna melaporkan keterlambatan yang terasa saat navigasi antar bagian dokumentasi, dengan beberapa mengalami freeze setengah detik ketika beralih tab. Server-side rendering tampaknya menjadi penyebabnya, membutuhkan sekitar 500 milidetik untuk merender konten statis.
Tim pengembangan telah mengakui masalah ini dan berencana mengatasinya dengan migrasi ke ekspor website statis sekarang codebase sudah publik. Beberapa bug spesifik komponen juga telah dilaporkan, termasuk masalah dengan perilaku dual-handle pada komponen slider dan fungsi backspace pada field autocomplete.
Masalah Performa yang Dilaporkan
- Keterlambatan navigasi dokumentasi: ~500ms
- Tab switching mengalami freeze: ~0,5 detik
- Bottleneck server-side rendering teridentifikasi
- Migrasi static export direncanakan
Kualitas Komponen Mendapat Review Beragam
Feedback komunitas mengungkap gambaran bernuansa tentang kualitas komponen library. Meskipun banyak yang memuji estetika desain keseluruhan dan set fitur yang komprehensif, developer telah mencatat area untuk perbaikan dalam micro-interactions dan animasi. Transisi label komponen slider dan kurangnya fungsi drag pada komponen switch telah disorot sebagai contoh di mana pengalaman pengguna dapat ditingkatkan.
Ini jauh lebih tidak mencolok dibandingkan dengan beberapa library lain (termasuk yang mengklaim dirancang dengan teliti ...) dan saya harus memberikan apresiasi karena hampir semua yang beranimasi masuk juga beranimasi keluar.
Meskipun ada kritik ini, konsensus menunjukkan Reshaped mempertahankan standar kualitas yang lebih tinggi dibandingkan banyak alternatif yang ada, dengan pengguna mengapresiasi perhatian pada aksesibilitas dan keselarasan design-engineering.
Masalah Komponen yang Teridentifikasi
- Slider: Masalah perilaku tabrakan dual-handle
- Autocomplete: Fungsi backspace rusak
- Switch: Interaksi drag tidak ada
- Animasi label: Munculnya/hilangnya secara tiba-tiba
Monetisasi Masa Depan Melalui Komponen Premium
Transisi ke open source tidak menandakan berakhirnya pengembangan komersial. Kreator telah menguraikan rencana untuk paket komponen premium yang akan berada di atas library inti gratis. Komponen-komponen canggih ini akan fokus pada implementasi CSS dan React yang sophisticated daripada koleksi template sederhana.
Pendekatan ini mencerminkan model sukses dalam ruang sistem desain, di mana fungsionalitas inti tetap gratis sementara komponen khusus yang kompleks menghasilkan pendapatan. Strategi ini dapat memberikan pendanaan berkelanjutan untuk pengembangan lanjutan sambil menjaga alat-alat esensial tetap dapat diakses oleh semua developer.
Perpindahan ke open source merepresentasikan risiko yang diperhitungkan setelah bertahun-tahun pengembangan closed-source, tetapi keterlibatan komunitas awal menunjukkan potensi kuat untuk perbaikan kolaboratif dan adopsi yang lebih luas di ekosistem React.
Referensi: Reshaped is now open-source