Sekarang dengan semua itu dalam modul ini, Anda belajar banyak tentang cara membangun aplikasi nyata dengan React Native.
Anda belajar banyak tentang komponen bawaan, Anda
belajar banyak tentang penataan gaya dan cara menata segala sesuatunya seperti yang
Anda inginkan
dan cara menata benda dengan cara yang Anda inginkan, juga bagaimana penataan berbeda antara beberapa komponen, misalnya bahwa
untuk komponen teks, penataan memang
menurun hingga batas tertentu, sehingga gaya diwarisi dalam gaya bersarang di sana, sesuatu yang
kami manfaatkan dalam permainan di atas layar di sini tetapi pada semua komponen lain seperti tampilan, gaya yang Anda terapkan
padanya benar-benar hanya berlaku untuk pandangan itu dan tidak mengalir, tidak dibagikan dengan pandangan anak bersarang.
Anda juga belajar bagaimana Anda dapat berbagi stylings umum, misalnya dengan komponen khusus, seperti teks tubuh kami
yang menetapkan keluarga font umum sehingga kami dapat menggunakan teks tubuh alih-alih teks bawaan jika kami
ingin teks dengan keluarga font itu.
Tentu saja itu adalah konsep yang dapat Anda gunakan untuk gaya berbagi apa
pun yang Anda inginkan, seperti kami juga melakukannya untuk jenis kartu, di mana kami memiliki pandangan prestyled untuk memberi kami tampilan
kartu yang bagus ini dengan sedikit bayangan.
Anda juga mempelajari cara mengatur beberapa tema dengan konstanta yang dapat Anda impor ke file yang berbeda,
baik untuk warna di sini atau juga jika Anda membutuhkannya, untuk gaya teks atau gaya lain yang ingin Anda bagikan
di seluruh komponen sehingga Anda tidak perlu t harus menulis ulang setiap saat, terutama berguna untuk kasus-kasus di mana
Anda tidak ingin atau di mana Anda tidak dapat membuat komponen terpisah
seperti yang kami lakukan untuk font family misalnya.
Jadi jika itu tidak mungkin, yang mana dalam kasus warna akan sulit
karena kita membutuhkan warna di semua jenis tempat, maka gaya bersama atau konstanta bersama adalah cara yang bagus
dan secara umum, saya harap Anda merasakan bagaimana Anda buat antarmuka pengguna dengan komponen bawaan
dan dengan komponen kustom Anda sendiri yang kemudian membangun komponen bawaan dan bagaimana Anda
dapat membangun aplikasi React Native yang bagus.
Kami telah melihat beberapa komponen inti dan oleh karena itu saya juga ingin memberikan ringkasan singkat mengenai apa yang
Anda pelajari tentang komponen-komponen ini di sini.
Mungkin komponen yang paling penting adalah tampilan, yang merupakan wadah yang Anda bungkus komponen
lain untuk kemudian meletakkan komponen-komponen itu atau menambahkan gaya wadah tertentu, seperti bayangan, batas, warna latar
belakang, hal-hal seperti itu. Yang tak kalah
penting adalah komponen teks yang Anda gunakan untuk menghasilkan teks.
Anda juga dapat menyarang teks ke dalam teks di mana beberapa gaya bahkan dibagikan dan Anda secara umum dapat
mengontrol bagaimana teks harus menjadi output, jika itu harus membungkus dirinya sendiri yang merupakan default atau jika
hanya akan menghasilkan
satu atau dua baris dan di situlah komponen teks benar-benar membantu Anda menampilkan informasi yang berharga kepada pengguna Anda.
Sekarang kadang-kadang Anda tidak hanya ingin menampilkan informasi tetapi juga mengambil informasi dan
untuk ini, input teks dapat membantu.
Sekarang kita akan menyelam lebih dalam untuk mengambil input pengguna nanti dalam kursus, tetapi Anda sudah mendapatkan pandangan pertama tentang bagaimana
Anda bisa mendesainnya dan bagaimana Anda dapat mengkonfigurasinya dan bagaimana Anda dapat memastikan Anda mendapatkan input yang tepat dan Anda
memvalidasi input dan Anda benar-benar hanya bekerja dengan input yang Anda butuhkan. Sekarang berbicara tentang input pengguna, tombol tentu saja
juga merupakan komponen penting, baik itu tombol bawaan
atau tombol Anda sendiri yang dapat Anda bangun dengan komponen yang dapat disentuh yang
juga sangat penting dan dalam
kasus di mana Anda perlu menampilkan daftar data, Anda belajar tentang FlatList dan tentang tampilan gulir di
mana perbedaan utamanya adalah bahwa FlatList dioptimalkan untuk daftar yang sangat panjang atau daftar di mana
Anda tidak benar-benar tahu berapa lama mereka tetapi mereka berpotensi
sangat panjang, sedangkan tampilan gulir sangat bagus untuk setiap konten yang dapat digulir lainnya yang tidak terlalu panjang, di
mana Anda tentu akan melampaui batas layar tetapi itu tidak akan menjadi terlalu banyak konten tambahan karena
jika semua konten tambahan itu dirender tanpa digunakan, tanpa terlihat oleh pengguna, maka Anda membuang-buang kinerja
dan
di situlah FlatList masuk karena
itu hanya membuat apa yang benar-benar dapat dilihat pengguna.
Berbicara tentang apa yang dapat dilihat pengguna, dalam modul ini, Anda juga belajar cara menambahkan font khusus Anda
sendiri dan kadang-kadang Anda tidak memerlukan font selain gambar, Anda juga
belajar cara melakukannya, cara memasukkan lokal atau jaringan gambar dan cara Anda mengatur gaya gambar ini agar terlihat bagus.
Berbicara tentang styling, untuk ini kami menggunakan stylesheet yang bukan komponen tetapi kelas atau
objek yang disediakan oleh
React Native dan keuntungan menggunakan stylesheet ini bukan hanya Anda akan mendapatkan gaya Anda dari kode
jsx yang Anda ingin tetap ramping dan singkat dan ringkas tetapi Anda juga mendapatkan validasi otomatis dari gaya
Anda dan React Native memberi tahu Anda ketika Anda menggunakan gaya secara tidak benar dan di
masa depan, Anda mungkin juga mendapatkan tambahan optimasi kinerja. Dan dengan itu, kami hanya dapat mendorong Anda untuk mengingat
bagian ini,
mungkin menjalaninya untuk kedua kalinya dan menggunakannya sebagai dasar untuk kemajuan kursus Anda selanjutnya di mana kami akan menggunakan semua komponen
yang kami kerjakan ini, di mana kami akan menulis lebih banyak gaya, di mana kami akan membangun antarmuka pengguna
yang lebih kompleks dan di mana Anda benar-benar akan membutuhkan dasar-dasar ini yang Anda pelajari di modul kedua
dan ini untuk kemudian membangun aplikasi React Native yang luar biasa.
Jadi mari kita lanjutkan.