1
00:00:02,370 --> 00:00:04,560
Bagian penting dari React

2
00:00:04,680 --> 00:00:07,900
Native adalah komponen-komponen ini yang dibangun ke dalam

3
00:00:07,920 --> 00:00:13,340
React Native karena seperti yang Anda pelajari di bagian pertama dari kursus ini, ini

4
00:00:13,350 --> 00:00:21,420
adalah komponen-komponen khusus yang React Native tahu bagaimana menerjemahkan, bagaimana mengompilasinya ke widget platform asli dan Anda hanya dapat menggunakan komponen

5
00:00:21,420 --> 00:00:23,730
seperti itu di React Native apps.

6
00:00:23,790 --> 00:00:29,070
Anda dapat membangun komponen Anda sendiri tetapi ini kemudian pada akhirnya harus terdiri dari komponen

7
00:00:29,190 --> 00:00:29,910
bawaan

8
00:00:30,000 --> 00:00:33,390
ini, Anda tidak dapat menggunakan divs atau paragraf atau semacamnya.

9
00:00:33,600 --> 00:00:38,550
Jadi kita harus bekerja dengan yang dibangun ke dalam React Native karena di sana React Native

10
00:00:38,550 --> 00:00:43,640
tahu bagaimana menerjemahkannya dan di sana, kita memiliki hal-hal seperti tampilan, teks, tombol, input teks yang dapat

11
00:00:43,650 --> 00:00:46,620
disentuh, gambar, ini adalah beberapa komponen yang akan Anda

12
00:00:46,620 --> 00:00:51,150
lihat sepanjang kursus ini, ada lebih banyak dan kita akan melihat banyak dari mereka

13
00:00:51,150 --> 00:00:58,620
sepanjang kursus dan Anda akan belajar cara bekerja dengan mereka, cara mengkonfigurasi mereka dan bagaimana membuat antarmuka pengguna yang bagus dengan bantuan komponen-komponen ini.

14
00:00:58,620 --> 00:01:04,500
Sekarang Anda, seperti yang baru saja saya sebutkan, membangun antarmuka pengguna Anda, komponen khusus Anda

15
00:01:04,500 --> 00:01:11,130
dengan bantuan komponen bawaan ini di sini, jadi Anda membuat antarmuka pengguna, komponen Anda dari komponen bawaan ini

16
00:01:11,160 --> 00:01:16,830
di sana dan terlihat seperti ini . Anda membuat sendiri komponen judul saya dengan mengambil komponen bawaan

17
00:01:16,830 --> 00:01:23,520
dan mencampur serta mencocokkannya untuk mendapatkan tampilan atau komponen yang Anda butuhkan. Styling juga merupakan bagian penting dalam

18
00:01:23,520 --> 00:01:28,770
aplikasi React Native dan di sana penting untuk memahami bahwa React Native

19
00:01:28,860 --> 00:01:35,070
tidak menggunakan teknologi web, tidak menggunakan HTML, menggunakan Javascript tetapi tidak menggunakan HTML dan

20
00:01:35,070 --> 00:01:41,580
juga tidak menggunakan HTML CSS, jadi CSS yang Anda gunakan untuk styling di web tidak

21
00:01:41,580 --> 00:01:50,010
didukung di React Native tetapi memberi Anda perintah styling, konfigurasi styling dapat Anda tambahkan ke komponen Anda, jadi untuk

22
00:01:50,010 --> 00:01:55,740
komponen-komponen ini yang dibangun ke dalam React Native baik dengan bantuan inline gaya

23
00:01:55,830 --> 00:02:02,580
atau dengan objek stylesheet yang disebut dan di sana, Anda menulis petunjuk gaya ini dalam Javascript

24
00:02:02,580 --> 00:02:09,990
tetapi Anda menggunakan sintaksis yang didasarkan pada CSS. Jadi ini tidak terkait langsung dengan CSS tetapi tentu saja dipengaruhi oleh

25
00:02:10,170 --> 00:02:17,310
CSS, banyak instruksi yang Anda gunakan di sini terinspirasi oleh CSS dan banyak aturan atau properti yang Anda kenal dari CSS juga bekerja

26
00:02:17,310 --> 00:02:24,420
di sini di Javascript, di aplikasi React Native Anda . Sekarang mengenai hal inline styles vs stylesheet benda,

27
00:02:24,420 --> 00:02:30,810
saya akan menunjukkan keduanya tetapi saya sudah akan mengatakan bahwa menggunakan objek stylesheet lebih disukai

28
00:02:30,840 --> 00:02:34,800
tetapi saya akan kembali ke itu setelah kita menggunakannya.

29
00:02:34,910 --> 00:02:39,450
Dan dengan itu, sekarang kita tahu kira-kira ada apa dengan komponen dan gaya,

30
00:02:39,550 --> 00:02:43,220
mengapa kita tidak memulai dan mulai bekerja dengan hal-hal ini?