Dan untuk ini, masuk akal untuk memulai di sini di aplikasi. file js.
Sekarang biarkan terminal terbuka di sini dan proses itu berjalan
tentu saja, sehingga perubahan dalam kode Anda secara otomatis tercermin pada emulator dan sekarang mari
kita lihat bagaimana kita bisa memulai dengan itu.
Saya sudah menyebutkan dalam modul kursus pertama bahwa Bereaksi Asli adalah semua tentang komponen
inti bawaan ini seperti teks dan tampilan. Pandangan akan menjadi div Anda dari pengembangan
web jika Anda seorang pengembang web yang mungkin Anda tahu jika Anda Bereaksi.
Jadi ini adalah komponen wadah yang
bagus, Anda dapat menata seperti yang Anda lihat di sini dan Anda dapat membungkus konten lain dengannya.
Sekarang teks di sisi lain adalah komponen inti untuk menghasilkan teks, itu
tujuannya, bukan di sana untuk menghasilkan gambar tetapi di sana untuk menghasilkan teks.
Sekarang apa yang tidak dapat Anda lakukan dalam Bereaksi Asli dan itu yang penting pertama, Anda tidak bisa
misalnya output teks antara tampilan seperti ini.
Jika kami akan mencoba menyimpan ini tanpa pembungkus teks itu, Anda melihat kami mendapatkan kesalahan. Ngomong-ngomong, layar yang akan Anda lihat dari
waktu ke waktu ketika bekerja dengan React Native, itu memberi Anda kesalahan,
itu menjelaskan apa yang salah. Di sini misalnya adalah pesan kesalahan yang cukup jelas yang memberi tahu kami
bahwa string teks harus dirender dalam komponen teks
dan mengapa itu sangat penting?
Mengapa saya menekankan ini?
Karena itulah perbedaan penting untuk pengembangan web, di sana Anda dapat
meletakkan teks di mana saja. Dalam pengembangan web, Anda
dapat memiliki div dan di antara tag pembuka dan penutup div, Anda dapat memiliki teks apa pun dan ini tidak akan berfungsi pada
React Native, bukan hanya karena kami menggunakan div yang tidak didukung di sana tetapi tentu saja karena
pada Bereaksi Asli, Anda benar-benar hanya dapat menampilkan teks di antara tag teks, jadi Anda perlu menggunakan komponen teks yang disediakan oleh Bereaksi Asli
untuk menampilkan teks dan itu adalah perbedaan penting untuk web di mana Anda dapat membuang teks Anda di mana saja
dan dalam Bereaksi Asli, itu cara lebih penting bahwa Anda menggunakan komponen bawaan yang tepat untuk pekerjaan
yang ingin Anda selesaikan dan untuk gaya, untuk menyiapkan wadah tempat Anda menyusun konten yang berbeda, yang akan menjadi
tampilan, untuk menghasilkan teks, yang bisa berupa teks. Untuk menghasilkan gambar misalnya, Anda
akan memiliki komponen gambar. Jadi begitulah React Native bekerja dan berbicara tentang
gaya, tata letak, pandangan menganggap ini sebagai pekerjaan utama, terutama di sana untuk menerapkan gaya dan tata letak konten yang
Anda miliki di sana dan berbicara
tentang itu, mari kita mulai dengan tata letak.
Katakanlah di aplikasi kita, kita ingin memiliki dua area utama di layar ini. Di bagian atas, saya ingin mengizinkan pengguna
untuk memasukkan beberapa teks dan di sebelah kanannya, saya ingin memiliki tombol untuk mengonfirmasi pilihan ini dan
di
bawahnya, jadi
itu bagian pertama, area input dan di bawahnya, kita punya bagian kedua dan itulah daftar
tujuan yang dimasukkan pengguna.
Jadi karena itu di sini di aplikasi. js, kita dapat memulai dengan memiliki tampilan pembungkusan karena
sama seperti dalam React normal, Anda harus memiliki satu komponen induk dan yang biasanya akan menjadi tampilan
di React Native karena itu memberi Anda sebagian besar opsi tata letak dan
gaya dan di dalam tampilan itu, kami dapat memiliki tampilan lain untuk area input di mana kami kemudian menambahkan input kami dan
di bawahnya, pandangan lain untuk memiliki daftar tujuan kami dan saya akan menyingkirkan teks itu dan itu cukup
normal di Bereaksi Asli bahwa Anda memiliki cukup banyak pandangan bersarang satu sama lain, sehingga Anda dapat membangun tata letak yang Anda inginkan.
Sekarang mari kita singkirkan wadah ini di sana dengan cara dan juga tugas gaya ini dan mari kita mulai
dengan semua itu dari awal.
Takeaway penting saat ini adalah setiap komponen yang disediakan oleh React Native memiliki pekerjaan sendiri, tidak ada
banyak komponen tetapi yang ada memiliki peran yang jelas dan Anda kemudian membangun UI Anda dengan
bersarang komponen-komponen ini satu sama lain tergantung pada apa Anda ingin mencapai, misalnya jika
Anda ingin membangun tata letak, Anda mulai dengan membuat beberapa tampilan dan kemudian setelah Anda
berada di bagian di mana Anda ingin menampilkan konten, Anda akan mulai menambahkan teks dan
sebagainya dan kami Akan melakukan semua itu selama kuliah berikutnya. Anda juga dapat selalu pergi ke Bereaksi dokumen asli resmi dan di sana jika Anda mengklik
Panduan, Komponen dan API, Anda akan mendapatkan gambaran umum atas blok bangunan inti ini. Anda akan menemukan tampilan di sini, teks, gambar, input teks
yang sudah saya sebutkan sebelumnya dan beberapa komponen inti lainnya dan Anda akan melihat hampir semua dari
mereka atau sebagian besar dari mereka sepanjang kursus ini dan ini adalah tempat yang bagus untuk menyelam
lebih dalam dan belajar lebih banyak tentang mereka dan karena Anda sudah dapat mengetahui
apakah Anda akan meninggalkan platform spesifik di sana yang lebih terfokus pada niche, maka tidak ada banyak komponen inti, hanya sekitar
10 komponen inti dan itulah cara React Native bekerja. Meskipun demikian, Anda dapat membangun aplikasi apa pun yang Anda
inginkan seperti yang akan Anda lihat.