Jadi sekarang kita tahu apa
React Native itu, mari kita lihat sekilas di belakang layar.
Sekarang seperti yang saya sebutkan, dengan Bereaksi dan Bereaksi Asli, kami membangun aplikasi dan kode kami biasanya terlihat
seperti ini.
Kami membangun Komponen Bereaksi normal seperti yang Anda ketahui dari web dengan Javascript karena Javascript adalah bahasa
yang kami gunakan untuk membangun aplikasi Bereaksi
Asli tetapi di sana, kami menggunakan komponen khusus seperti tampilan dan teks di sini.
Ini bukan elemen HTML normal Anda karena elemen HTML normal tidak
didukung, platform asli tidak tahu cara menggunakannya, oleh karena itu Anda menggunakan komponen khusus
yang diberikan kepada Anda oleh Bereaksi Asli yang Bereaksi Asli dapat menerjemahkannya ke
instruksi platform asli mengerti, jadi begitulah cara kerjanya.
Sekarang penting untuk memahami bahwa pandangan Anda, sehingga komponen yang Anda kerjakan, oleh karena itu pada akhirnya dikompilasi
ke widget asli asli, ke elemen asli asli, ke kode asli asli. Kode Javascript Anda di mana Anda mengelola logika bisnis
Anda tidak akan dikompilasi tetapi pandangan Anda akan dan itu tentu saja juga
berarti bahwa Anda biasanya mendapatkan kinerja yang hebat ketika membangun Bereaksi aplikasi Asli karena hasilnya
adalah aplikasi asli asli di mana sebagian besar dari kode adalah kode asli asli.
Sekarang jika kita melihat lebih dekat pada komponen ini, penting untuk memahami bahwa Anda tentu
saja dapat menggunakan React untuk membangun aplikasi web tetapi Anda juga dapat membangun aplikasi asli untuk Android dan iOS
dengan kode asli, jadi tanpa React Native atau Anda dapat menggunakan React Native, jadi ini adalah empat cara
berbeda untuk membangun aplikasi yang tentu saja Bereaksi untuk web tidak akan memberi kami aplikasi asli tetapi
hanya untuk membandingkan bagaimana ini akan terkait.
Jadi jika Anda menggunakan Bereaksi untuk web, Anda biasanya bekerja dengan katakanlah div untuk menyusun konten Anda.
Jika Anda akan bekerja secara langsung
dengan Android, jadi Anda akan membangun aplikasi Anda di Android Studio tanpa React Native sama sekali, Anda akan bekerja
dengan tampilan Android misalnya, itu akan menjadi widget yang dapat Anda gunakan di sana di antarmuka pengguna
yang Anda buat langsung dengan fitur platform asli untuk menyusun konten Anda. Di iOS, itu akan menjadi widget tampilan UI dan Anda tidak
perlu mengingat istilah-istilah ini,
saya hanya ingin menjelaskan bagaimana React Native menerjemahkan sesuatu untuk Anda karena di React Native
apps, Anda benar-benar menggunakan elemen tampilan.
Sekarang jika Anda melihat pada elemen tampilan itu, Anda tentu saja melihat bahwa
itu sangat mirip dengan
elemen div, itu terlihat seperti tag HTML, perbedaannya tentu saja dimulai dengan karakter kapital dan tampilan itu
bukan tag HTML , browser tidak akan tahu apa yang harus dilakukan dengan tampilan tetapi React
Native tidak dan React Native akan menerjemahkan tampilan itu ke tampilan Android atau ke tampilan UI untuk Anda dan itu
tentu saja tidak hanya untuk tampilan ini, komponen pembungkus umum tetapi misalnya, jika Anda mengambil input pengguna, di
web Anda akan melakukannya dengan elemen input, jika Anda akan membangun aplikasi Android asli,
Anda akan menggunakan teks edit, untuk aplikasi iOS asli, Anda akan menggunakan bidang teks UI dan di
React Native, ada komponen input teks, sekali lagi React Native mengkompilasi itu ke widget asli untuk Anda dan
itulah cara React Native bekerja di belakang layar. Tentu saja kami tidak peduli tentang web dalam kursus
ini di sini, hanya agar Anda mengerti bahwa ada beberapa kesamaan, kami menggunakan tag ini yang terlihat seperti tag HTML tetapi tentu saja,
perbedaan yang penting adalah bahwa ini adalah komponen khusus yang dikompilasi. ke kode asli. Sekarang seperti yang telah saya sebutkan, penting untuk
memahami bahwa untuk UI, React Native memberi Anda komponen khusus yang kemudian dikompilasi untuk
penggunaan asli, untuk logika Anda
yang lain, jadi jika Anda menggunakan Redux atau jika Anda memiliki logika bisnis, Anda
mengirim permintaan HTTP, Anda mentransformasikan data, semua kode Javascript Anda yang lain tidak dikompilasi ke kode asli melainkan dijalankan di
utas khusus yang dihosting oleh React Native. Jadi Anda dapat membayangkan aplikasi Bereaksi Asli yang
pada akhirnya Anda dapatkan sebagai aplikasi asli asli karena merupakan aplikasi asli, di mana semua tampilan
telah dikompilasi ke widget asli tetapi di mana ada aplikasi mini tambahan di dalam aplikasi Anda, Javascript mini aplikasi yang berjalan di
sana, dihosting dan dimulai oleh Bereaksi Asli sehingga, yang menjalankan semua kode Javascript Anda dan kode Javascript Anda kemudian dapat berbicara
dengan platform asli.
Anda dapat menggambarkan ini seperti ini di sini, Anda memiliki kode Anda, aplikasi Anda dan Anda membangun aplikasi asli
dan itu berjalan pada platform asli dan tentu saja di sana, Anda memiliki fitur platform tertentu yang
tersedia seperti misalnya menggunakan kamera perangkat.
Sekarang seperti yang telah disebutkan, kode Anda dapat dibagi menjadi dua hal di sini - pandangan Anda
dan logika bisnis Anda, demikian juga kode Javascript lainnya. Sekarang seperti yang telah disebutkan beberapa kali,
tampilan Anda dikompilasi ke tampilan asli, ke widget asli untuk platform ini dan kode Anda disimpan sebagai kode Javascript dan Anda dapat
memanfaatkan fitur platform asli seperti kamera karena kode Javascript Anda berjalan dalam virtual khusus mesin pada akhirnya, diputar
dan dihosting oleh React Native di dalam aplikasi Anda, jadi bagian yang tepat di
sini adalah semua di dalam aplikasi asli kami yang kami kirimkan ke toko aplikasi dan bahwa kode
Javascript, mesin virtual Javascript ini, tahu cara berbicara ke fitur platform asli, sehingga untuk sistem
operasi aplikasi Anda berjalan pada akhirnya melalui jembatan khusus yang bisa
Anda katakan dan jembatan itu dan mesin virtual itu, itu semua secara otomatis disediakan oleh React Native.
Anda tidak perlu peduli
dengan ini, yang Anda lakukan hanyalah menulis aplikasi React Native Anda dengan Javascript dan dengan komponen khusus ini dan hanya itu yang perlu Anda ketahui
untuk saat ini, ini adalah
cara aplikasi React Native bekerja di belakang layar dan saya merasa penting untuk menyadari hal ini karena hal itu menghilangkan beberapa keajaiban
dalam arti positif karena Anda memahami apa yang sebenarnya Anda tulis dan apa yang akan terjadi dengan kode Anda dan bagaimana
kode ini berakhir di aplikasi asli dan tentu saja, Anda juga mengerti bahwa Anda
memiliki aplikasi asli asli karena itu pada akhirnya. Tidak semua kode Anda dikompilasi, itu
akan sangat
mustahil tetapi pandangan Anda dikompilasi dan tentu saja, pandangan, sehingga bagian yang dilihat pengguna,
adalah bagian yang paling penting dalam hal kinerja untuk aplikasi karena rendering ulang UI
dan semua itu, itu biasanya
bagian intensif kinerja dan oleh karena itu sangat bagus bahwa ini dikompilasi dan
itulah salah satu kekuatan besar React Native.