Belajar React.js 2022
Salah satu perpustakaan frontend yang kuat adalah React. Tutorial tentang 'apa itu React' ini akan membantu Anda memahami dasar-dasar perpustakaan dan bekerja dengan demo sederhana.
Apa Itu React.JS
React.js dirilis oleh seorang insinyur perangkat lunak yang bekerja untuk Facebook - Jordane Walke pada tahun 2011. Respond adalah pustaka JavaScript yang berfokus pada pembuatan antarmuka pengguna deklaratif (UI) menggunakan konsep berbasis komponen. Ini digunakan untuk menangani lapisan tampilan dan dapat digunakan untuk aplikasi web dan seluler. Tujuan utama React adalah menjadi luas, cepat, deklaratif, fleksibel, dan sederhana.
Respond bukanlah kerangka kerja, itu khususnya perpustakaan. Penjelasan untuk ini adalah bahwa React hanya berurusan dengan delivering UI dan cadangan banyak hal atas kebijaksanaan proyek individu. Seperangkat alat standar untuk membuat aplikasi menggunakan ReactJS sering disebut tumpukan.
Mengapa menggunakan React?
Mari kita lihat lebih rinci apa yang membedakan perpustakaan React terhadap kerangka kerja dan pustaka lain dan membuatnya begitu kuat dan populer untuk pengembangan aplikasi.
Model Objek Dokumen Virtual (VDOM)
Record Object Model (DOM) adalah API untuk HTML yang substantial dan dokumen XML yang terbentuk dengan baik.
DOM virtual adalah representasi dari DOM nyata yang dibangun/dimanipulasi oleh program. Pustaka tingkat lanjut, seperti React, menghasilkan pohon elemen dalam memori yang setara dengan DOM nyata, yang membentuk DOM virtual secara deklaratif. DOM virtual adalah salah satu fitur yang membuat kerangka kerja begitu cepat dan dapat diandalkan.
JSX React menggunakan ekstensi sintaks ke JavaScript yang disebut JSX. Kami menggunakannya untuk membuat 'elemen'.
JSX menggunakan preprocessor Babel untuk mengonversi teks seperti HTML dalam document JavaScript menjadi objek JavaScript untuk diurai.
Respond tidak memerlukan penggunaan JSX, tetapi sebagian besar pengembang menemukan bahwa itu membuat pengalaman yang lebih ramah pengguna dalam kode JavaScript.
Kami menggunakan JSX untuk membuat komponen React, jadi inilah mengapa ini adalah bagian penting dari ReactJS.
Respond Native
Respond Native adalah kerangka kerja JavaScript sumber terbuka untuk membangun aplikasi di berbagai stage, seperti iOS, Android, dan UPD. Ini berbasis React dan memberikan semua kehebatannya untuk pengembangan aplikasi seluler.
Respond Native menggunakan JavaScript untuk membangun UI aplikasi tetapi juga menggunakan representasi OS-local. Hal ini memungkinkan kode untuk diimplementasikan dalam bahasa OS-local (Swift dan Objective-C untuk iOS dan Java dan Kotlin untuk Android) untuk fungsi yang lebih canggih.
Komponen utama
ReactJS adalah pustaka berbasis komponen di mana komponen membuat kode kami dapat digunakan kembali dan membagi UI kami menjadi potongan yang berbeda. Komponen dibagi menjadi dua jenis, komponen Kelas dan komponen Fungsi. Semua komponen React mengikuti prinsip pemisahan desain kekhawatiran, yang berarti bahwa kita harus memisahkan aplikasi kita menjadi bagian yang berbeda untuk mengatasi masalah terpisah.
Komponen fungsi.
Komponen React bekerja mirip dengan fungsi JavaScript. Sebuah komponen mengambil input acak, yang kita sebut alat peraga, dan harus selalu mengembalikan elemen React yang mendefinisikan apa yang dimaksudkan untuk ditampilkan kepada pengguna.
Metode sederhana untuk menentukan komponen React adalah dengan mendefinisikan fungsi JavaScript dan mengembalikan elemen React. Komponen React harus selalu mengembalikan elemen React, atau akan melempar kesalahan.
Kami telah mendefinisikan komponen ReactJS yang disebut HelloWorld yang mengambil satu prop, yang merupakan singkatan dari properti dan mengembalikan elemen ReactJS, dalam hal ini, elemen h1 sederhana.
Komponen kelas.
Komponen Kelas harus memiliki pernyataan 'React.Component' yang meluas. Pernyataan ini menyiapkan subkelas 'React.Component' yang memungkinkan komponen Anda mengakses fungsi 'React.Component'.
Komponen juga harus memiliki metode 'render()', yang mengembalikan HTML.
Apa Manfaatnya?
Jadi pertanyaan utamanya adalah mengapa Anda harus memilih ReactJS sebagai tumpukan pengembangan frontend sementara ada banyak yang lain. Berikut beberapa alasannya:
Tanpa kecepatan. Respond memungkinkan pengembang untuk menggunakan bagian individual dari aplikasi mereka di sisi klien dan server, dan setiap perubahan yang mereka buat tidak akan mempengaruhi logika aplikasi. Hal ini membuat expositions pengembangan sangat cepat.
Dukungan komponen. Penggunaan label HTML dan kode JS memudahkan untuk bekerja dengan dataset besar yang berisi DOM. Respond bertindak sebagai perantara yang mewakili DOM dan membantu Anda memutuskan komponen mana yang memerlukan perubahan untuk mendapatkan hasil yang akurat.
Mudah digunakan dan dipelajari. ReactJS sangat easy to understand dan membuat UI interaktif. Ini juga memungkinkan Anda untuk dengan cepat dan efisien membangun aplikasi, yang menghemat waktu bagi klien dan pengembang.
Website optimization Ramah. Masalah umum yang dikeluhkan oleh sebagian besar pengembang web adalah bahwa kerangka kerja JavaScript tradisional sering memiliki masalah dengan SEO. ReactJS memecahkan masalah ini dengan membantu pengembang menavigasi mesin pencari yang berbeda dengan mudah melalui fakta bahwa aplikasi ReactJS dapat berjalan di server, dan DOM virtual merender dan mengembalikannya ke program sebagai halaman web.
Pengikatan Data Satu Arah. Pengikatan information satu arah menyiratkan bahwa benar siapa joke dapat melacak semua perubahan yang telah dilakukan ke segmen information. Ini juga salah satu alasan yang membuat React begitu mudah.
Siapa yang menggunakan React?
Berikut adalah daftar situs web ReactJS yang populer:
- Atlassian
- Uber Makan
- Netflix
- Airbnb
- Trello
- Goodbye bahasa
- Outlook.com
- Codecademy
- Dropbox
Pada akhirnya, Anda dapat menyebarkan aplikasi Anda dan dalam beberapa menit, Anda akan mendapatkan aplikasi React satu halaman, yang dapat Anda modifikasi lebih lanjut sesuka Anda.
Itulah materi tentang Belajar React 2022 yang bisa saya jelaskan disini, semoga bermanfaat, Terimakasih.