Blog Reaksi Paling Pengenalan Pernah

Hello semua? Saya harap anda semua sihat. Daripada tajuk, anda mungkin telah meneka tentang siaran ini, tetapi tunggu, mungkin anda tidak melakukannya, atau anda mungkin menemui sesuatu yang tidak dijangka. Jadi, sila baca artikel ini dengan cepat.

Asal usul artikel ini

Apabila saya ditanya tentang React beberapa tahun yang lalu, jawapan saya ialah ia hanyalah JavaScript. Ya, ia JavaScript, tetapi lebih daripada itu? Apa sebenarnya yang boleh dilakukannya? Kenapa semua orang bercakap mengenainya?

Saya telah mencari artikel atau bacaan yang sangat asas tentang React. Tetapi saya tidak menemui sebarang maklumat yang sesuai. Malah sekarang, saya melihat ramai rakan sekerja atau rakan menghadapi masalah yang sama, jadi saya memutuskan untuk menulis beberapa artikel tentang React untuk membantu mereka memulakan perjalanan pembelajaran React mereka. Saya akan melakukan yang terbaik untuk menjadikan artikel ini sangat mudah difahami, sama seperti artikel Java atau CSS saya sebelum ini.

Dalam artikel ini, saya akan cuba memberi anda gambaran keseluruhan tentang apa itu React. Saya tidak akan masuk ke bahagian pengekodan atau istilah teknikal yang rumit.

Sila kongsikan pendapat anda di ruangan komen

Jom mulakan…

---

• React ialah perpustakaan bahagian hadapan JavaScript yang dicipta oleh Meta (dahulunya Facebook). Ya, ia adalah pustaka, bukan rangka kerja, manakala Angular ialah rangka kerja untuk mencipta antara muka pengguna.
• Dengan React, anda hanya perlu memasangnya dan mencipta antara muka pengguna anda. Kami akan membincangkan cara menggunakannya dalam artikel seterusnya, buat masa ini hanya ingat bahawa menggunakannya memerlukan hanya memasangnya dengan arahan mudah.
• Apabila kami menggunakan React, ia menyediakan pengalaman seperti aplikasi mudah alih yang baik dalam aplikasi web kami.
• Apabila kami membuat aplikasi web menggunakan React, kami tidak perlu menunggu halaman lain dimuatkan sebelum mengklik mana-mana pautan, butang atau tab.
• React tidak memerlukan kami memuatkan semula halaman, data dikemas kini pada halaman itu sendiri tanpa memuat semula, yang bermaksud kami tidak akan menggunakan mana-mana kaedah reload() di sini, walaupun tiada had untuk tidak menggunakannya kerana pada akhirnya ia masih JavaScript.
• Aplikasi web yang dibuat dengan React sangat interaktif dan lancar untuk digunakan. Tambahan pula, peralihan di sini hampir serta-merta dan kita tidak perlu menunggu halaman baharu dimuatkan.
• Dalam tapak web tradisional, mengklik pautan akan menghantar permintaan kepada pelayan, dan pelayan akan mengembalikan halaman HTML sebagai respons, jadi kami mungkin mengalami beberapa kelewatan dan perlu menunggu halaman dimuatkan. Manakala dalam React, kami menjalankan JavaScript dalam penyemak imbas, jadi kami boleh menjalankan logik kami dalam penyemak imbas dan dengan itu memanipulasi apa yang pengguna lihat. Ia melakukan ini melalui DOM (sebenarnya struktur HTML). Itulah sebabnya kami tidak perlu meminta halaman HTML untuk memaparkan kandungan yang berbeza kepada pengguna.
• Ciri utama React ialah pendekatan pembangunan deklaratif dan berasaskan komponennya. Segala-galanya dalam React adalah komponen. Apakah komponen React? Komponen React ialah modul seperti fungsi yang kita hantar beberapa parameter dan ia mengembalikan elemen React.
• Sekarang timbul persoalan, apakah unsur React? Seperti yang kita sedia maklum, kami mempunyai elemen (p, div, body) dalam HTML dan kami menggunakan elemen ini untuk mencipta bahagian hadapan aplikasi. Kini, elemen React digunakan dengan cara yang sama seperti kita menggunakan elemen HTML, tetapi elemen React ini dicipta oleh kita sendiri manakala elemen HTML dibuat terlebih dahulu.
• Sekarang persoalan datang lagi, bagaimana untuk mencipta elemen React? Untuk mencipta elemen React kami menggunakan JSX. JSX adalah singkatan dari JavaScript XML. Kod JSX pada asasnya ialah kod HTML dalam JavaScript. Kami tidak perlu menggunakan JSX, tetapi ia memudahkan penulisan aplikasi React. Itu sahaja untuk pengenalan kepada JSX, kami akan membincangkan JSX secara terperinci dalam artikel lain.
• Kini perkara yang paling penting ialah, mengapa kami menggunakan React, kerana ia menggunakan pendekatan SPA, pendekatan aplikasi halaman tunggal. Dalam pendekatan ini, tiada halaman HTML baharu dimuatkan, pelayan menghantar halaman HTML sekali sahaja, selepas itu React mengambil alih dan mengawal UI aplikasi dengan memanipulasi elemen DOM pada halaman sedia ada. Contoh terbaik ini ialah tapak web Netflix, anda boleh melawatinya dan lihat sendiri bahawa tiada halaman HTML dimuatkan.https://www.php.cn/link/b06cbb874ce37177f6dcdf690b5ac490

Akhir sekali, saya ingin mengatakan bahawa React adalah mengenai membina antara muka pengguna yang moden dan responsif.

Terima kasih kerana membaca. Jumpa anda tidak lama lagi dalam artikel asas yang lain

Jika anda mempunyai sebarang idea sila kongsi dan betulkan saya jika saya salah.

Semoga anda menikmati artikel ini dan mendapati ia membantu.

Hubungi saya di Twitter atau LinkedIn

Jika anda ingin membaca tentang Java atau CSS, sila lawati blog saya https://www.php.cn/link/5a2cb441c18f6535a9fb765251345d0f

Atas ialah kandungan terperinci Blog Reaksi Paling Pengenalan Pernah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!