1
00:00:02,200 --> 00:00:09,160
Sekarang apa yang Anda lihat dalam modul ini dan apa yang khas untuk aplikasi React Native adalah bahwa Anda

2
00:00:09,160 --> 00:00:10,810
harus banyak bergaya sendiri.

3
00:00:10,810 --> 00:00:12,460
Tombolnya adalah pengecualian langka, tombol

4
00:00:12,460 --> 00:00:17,740
bawaan yang saya maksud, yang secara otomatis memberi Anda beberapa gaya dasar dan bahkan menyesuaikan diri

5
00:00:17,740 --> 00:00:19,330
dengan platform yang mendasarinya, tetapi

6
00:00:19,330 --> 00:00:22,650
selain itu, Anda benar-benar harus mengatur semuanya sendiri, baik itu

7
00:00:22,660 --> 00:00:24,140
input teks , apakah

8
00:00:24,180 --> 00:00:25,220
ini output,

9
00:00:25,230 --> 00:00:27,910
baik teks di sini atau tombol kustom, Anda

10
00:00:27,970 --> 00:00:33,340
harus melakukan banyak styling manual dan pembuatan komponen di React Native karena React Native hanya memberi

11
00:00:33,340 --> 00:00:39,130
Anda primitif mentah ini untuk bekerja dengan, hanya tampilan teks dan seterusnya dan Anda harus menyesuaikannya dengan kebutuhan

12
00:00:39,130 --> 00:00:42,350
Anda dan dengan tampilan dan rasa yang ingin Anda capai.

13
00:00:43,250 --> 00:00:49,090
Sekarang React Native juga benar-benar memiliki komunitas aktif dan di sana, beberapa paket pihak ketiga

14
00:00:49,090 --> 00:00:55,360
yang bagus telah dibuat yang pada dasarnya merupakan kumpulan komponen-komponen pra-dibangun yang kadang-kadang bahkan mengubah penampilan mereka

15
00:00:55,360 --> 00:01:01,030
tergantung pada platform yang mereka jalankan, kadang tidak tetapi selalu memberi Anda beberapa komponen prestyled

16
00:01:01,030 --> 00:01:05,020
yang dapat Anda gunakan dan oleh karena itu, Anda mungkin

17
00:01:05,020 --> 00:01:09,760
ingin melihat ke dalamnya jika Anda membangun aplikasi dalam kasus di mana

18
00:01:10,030 --> 00:01:16,270
Anda ingin menghindari pengaturan semua gaya ini sendiri, di mana Anda tidak memiliki Anda sendiri identitas perusahaan

19
00:01:16,270 --> 00:01:18,230
yang ketat atau tampilan

20
00:01:18,370 --> 00:01:25,090
terperinci Anda sendiri yang perlu Anda sempurnakan dalam setiap detail, dalam kasus seperti itu, terlampir Anda menemukan tautan

21
00:01:25,090 --> 00:01:33,610
ke dokumen ini dari dokumen pameran tempat Anda menemukan beberapa contoh kit UI pihak ketiga yang populer, perpustakaan komponen UI yang dapat Anda

22
00:01:33,880 --> 00:01:41,880
tambahkan ke proyek React Native Anda yang juga bekerja di proyek React Native yang dibuat dengan expo untuk dengan mudah mendapatkan

23
00:01:42,000 --> 00:01:49,470
komponen pra-dibangun yang dapat Anda masukkan ke dalam proyek Anda. Pada halaman-halaman proyek ini, Anda juga melihat pratinjau bagaimana ini akan

24
00:01:49,470 --> 00:01:54,720
terlihat, gaya apa yang dimiliki komponen-komponen yang sudah dibangun ini dan bagaimana mereka bekerja dan Anda

25
00:01:54,720 --> 00:02:02,080
selalu dapat melihat ke dalam dokumen paket-paket ini untuk mengeksplorasi komponen mana yang mereka contohnya berikan kepada Anda dan apakah itu sesuatu

26
00:02:02,080 --> 00:02:04,820
yang mungkin menarik bagi Anda atau tidak.

27
00:02:04,840 --> 00:02:11,410
Jadi memeriksa kit UI ini bisa sia-sia karena hal itu dapat memberi Anda elemen tertentu, seperti tombol pra-dibangun, bidang teks

28
00:02:11,410 --> 00:02:17,980
yang dibuat sebelumnya, dan apa pun itu, yang terlihat dan terasa seperti yang Anda inginkan agar terlihat dan dirasakan

29
00:02:17,980 --> 00:02:22,900
aplikasi Anda dan yang maka tentu saja menghemat waktu Anda membangun komponen-komponen ini sendiri

30
00:02:22,930 --> 00:02:29,260
karena apa yang Anda lakukan kemudian adalah Anda hanya menambahkan perpustakaan ini ke proyek Anda, Anda menginstalnya dan tentu

31
00:02:29,260 --> 00:02:33,070
saja Anda selalu menemukan petunjuk instalasi pada halaman ini juga.

32
00:02:33,070 --> 00:02:39,970
Jadi Anda menginstal perpustakaan seperti itu ke dalam proyek Anda dan kemudian yang harus Anda lakukan adalah Anda pada

33
00:02:40,000 --> 00:02:45,100
akhirnya hanya mengimpor komponen yang Anda butuhkan ke file komponen Anda dan mulai menggunakannya.

34
00:02:45,130 --> 00:02:46,350
Jadi itu benar-benar sederhana,

35
00:02:46,350 --> 00:02:51,540
itu adalah alternatif yang bagus untuk membangun semuanya sendiri dan tentu saja tergantung pada apa yang Anda butuhkan

36
00:02:51,550 --> 00:02:55,830
di aplikasi Anda, tetapi kit seperti itu ada dan karenanya memiliki tampilan jelas layak dilakukan.