11 UI Componet For React-native

Riki Setiyo Pambudi
Sep 5, 2018 · 5 min read

Front End Developer merupakan titik yang terutama dalam pembuatan aplikasi karna apa Si front end wajib menerjemashkan Aplikasi dengan baik kepada user..

Selain itu front end juga diandalkan dalam kemanjaan mata user..

So.. untuk temen-temen yg ingin merubah tampilan aplikasi menjadi lebih baik sebaiknya pelajari UI Component berikut untuk pembuatan aplikasi mobile.

Dan Disini saya Akan menujukan 11 UI Component dalam react native :

1. NativeBase

Native base mendapatkan 10k star . NativeBase adalah library UI yang sangat populer yang menyediakan lusinan komponen lintas-platform untuk Bereaksi asli. Saat menggunakan NativeBase, Anda dapat menggunakan pustaka pihak ketiga asli di luar kotak dan proyek itu sendiri dilengkapi dengan ekosistem yang kaya di sekitarnya, mulai dari kit pemula yang berguna hingga templat tema yang dapat disesuaikan. Ini kit starter yang bagus.

2. React Native Elements

component ini mendapatkan 12k star React-native-element adalah toolkit lintas platform yang sangat dapat disesuaikan yang dibangun seluruhnya dalam Javascript. Penulis perpustakaan menyatakan bahwa "Ide dengan React Native Elements lebih mengenai struktur komponen daripada desain sebenarnya, yang berarti lebih sedikit boiler dalam menetapkan elemen-elemen tertentu tetapi kontrol penuh atas desain mereka", yang seharusnya membuatnya menarik bagi pengembang baru dan veteran berpengalaman.

3. Shoutem

UI mendapatkan 3.5 star Shoutem adalah Kit UI React Native yang terdiri dari 3 bagian: komponen UI, Tema dan Animasi komponen. Perpustakaan menyediakan satu set komponen lintas-platform untuk iOS dan Android, dan semua komponen dibangun untuk menjadi mudah dibentuk dan dapat disesuaikan. Setiap komponen juga memiliki gaya standar yang konsisten dengan yang lain, yang memungkinkan untuk membangun komponen yang kompleks tanpa menentukan gaya yang rumit secara manual.

4. UI Kitten

Dengan 3k star, UI Kitten ini menyediakan kit komponen reaktif yang dapat disesuaikan dan dapat digunakan kembali berdasarkan konsep definisi gaya bergerak ke tempat tertentu yang membuat komponen dapat digunakan kembali dan ditata dengan satu cara. Tema dapat dengan mudah diubah "dengan cepat" dengan meneruskan serangkaian variabel yang berbeda.

5. React Native Material UI

UI mengupulkan bintang sebanyak 2k star. komponen UI yang sangat mudah disesuaikan yang menerapkan desain materi Google. Perhatikan bahwa pustaka menggunakan objek JS tunggal yang disebut uiTheme yang diteruskan melalui konteks untuk kemungkinan maksimum. Secara default, objek uiTheme ini didasarkan pada cahayaTema yang dapat Anda temukan di sini. Berikut daftar komponen perpustakaan dengan contoh visual.

6. React Native Material Kit

Meskipun publikasi NPM terakhir pada Desember 2017, library yang mempunyai 4k star ini masih layak disebutkan dengan seperangkat komponen UI dasar dan berguna yang menerapkan MD Google. Mengapa? karena sederhana, bermanfaat, dan rendah pada "kebisingan" sekitarnya. Karena perawatan yang relatif rendah, gunakan dengan hati-hati.

7. Nachos UI

yg satu ini mempunyai 1.5k star Nachos UI adalah library komponen React Native dengan lebih dari 30 komponen yang dapat disesuaikan yang juga berfungsi di web berkat re-native-web. Dengan pengujian cuplikan jempol, dukungan benang yang lebih indah dan benang, perpustakaan yang dirancang dengan hati-hati ini menawarkan desain pedas dan pengelola tema global. Bagus!

8. React Native UI Library

Wix engineering bekerja pada toolset UI state-of-the-art ini dan pustaka komponen untuk React native (demo) yang juga mendukung re-native-animatable dan react-native-blur out of the box. Perpustakaan dilengkapi dengan seperangkat pengaturan gaya yang telah ditetapkan (yang diterjemahkan ke pengubah) termasuk Warna, Tipografi, Shadows, Radius Perbatasan dan banyak lagi.

9. React Native Paper

Hampir 1,5K star yg didapat .React Native Paper adalah pustaka komponen antarmuka lintas platform yang mengikuti garis panduan desain material, dengan dukungan tema global dan plugin babel opsional untuk mengurangi ukuran bundel. Berikut contoh aplikasi Expo untuk membantu Anda mendapatkan ide dengan cepat.

10. React Native Vector Icons

yg satu ini pasti temen-temen tau karna udah 10 ribu bintang, pustaka ini, dapat disesuaikan untuk Bereaksi asli dengan dukungan untuk NavBar / TabBar / ToolbarAndroid, sumber gambar dan gaya penuh. Tidak mengherankan, ini sangat berguna dan digunakan oleh ribuan aplikasi serta pustaka komponen UI lainnya (seperti re-native-paper). Pustaka menyediakan kumpulan ikon siap pakai di luar kotak, dan berikut ini contoh lengkap semua ikon di pustaka.

11. Teaset

Pada 1.3k star Teaset adalah pustaka UI untuk bereaksi asli dengan komponen JS + (ES6) 20+, yang fokus pada tampilan konten dan kontrol tindakan. Dokumentasi langka (paling banter), tetapi kesederhanaan dan desainnya menarik perhatian saya.

Nah itu yg itu mungkin bisa menjadikan referensi temen-temen agar lebih giat belajar bahasa pemrograman untuk react native ini..

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade