Sumber untuk belajar bertindak balas: semua yang anda perlukan untuk memulakan

React adalah perpustakaan JavaScript yang dicipta oleh pemaju Facebook untuk membina antara muka pengguna yang cepat. Sama ada anda baru bertindak balas atau perjalanan pembangunan React anda mempercepatkan, sukar untuk menguasai asas, teknik, alat dan tekniknya. Oleh itu, kami mencipta panduan ini untuk sumber yang ada dan cadangan kami. Tidak kira apa tahap pembelajaran anda berada, inilah kandungan reaksi terbaik yang anda perlukan - periksa dan belajar secara mendalam! (Jika anda fikir kami telah terlepas sesuatu, sila beritahu kami dalam borang di bawah!)

mata utama

React adalah perpustakaan JavaScript untuk membina antara muka pengguna yang cepat dengan sejumlah besar sumber pembelajaran yang tersedia, dari artikel ke kursus, projek dan surat berita.
Sumber yang disyorkan termasuk kursus "React Beginner", artikel "React Beginner: Beginner's Guide", dan newsletter "Kawalan Versi".
Sebelum belajar bertindak balas, anda mesti mempunyai pemahaman javascript yang kukuh, termasuk konsep seperti ciri ES6, penutupan, pengaturcaraan tak segerak dan kata kunci "ini". Pengetahuan HTML dan CSS juga penting kerana React menggunakan JSX, sambungan sintaks JavaScript yang serupa dengan HTML.
Artikel

Sama ada anda sedang mempertimbangkan untuk belajar bertindak balas, atau anda mencari alat dan sistem yang lebih maju, berikut adalah beberapa sumber bertulis terbaik yang kami dapati.

pemula dan perbandingan

React Bermula: Panduan Pemula [SitePoint]
pemula jsx [sitepoint]
React Tutorial: Membina Aplikasi Kalkulator dari Scratch [SitePoint]
Komponen React Gaya: 7 Kaedah Perbandingan [SitePoint]
bagaimana untuk mengetahui sama ada React adalah yang terbaik untuk projek seterusnya [SitePoint]
React vs. Sudut-In-Depth Comparison [SitePoint]
React vs. Vue- "Mengapa saya memilih React dan bukannya Vue" [medium/@calinleafshade]
pemula React, Panduan Pemula [SitePoint]
meneroka ciri -ciri baru dalam React 16 dengan membina pemain muzik [SitePoint]
Bagaimana React Meningkatkan Animasi D3 Anda [SitePoint]
Facebook Rasmi React PENGENALAN [Facebook.github]

Asas

• semua konsep reaksi asas dimampatkan ke dalam satu artikel [medium.freecodecamp]
• Cepat menyediakan projek dengan Facebook's Create React App [SitePoint]
• kembali ke asas-penggunaan aliran reaksi [medium/javascript-inside]
• bagaimana untuk mengoptimumkan prestasi reaksi menggunakan komponen tanpa statistik [sitepoint]
• Gambaran Keseluruhan Gaya React -dari menggunakan CSS luaran ke Komponen Gaya [SitePoint]
• pemahaman yang mendalam tentang animasi reaksi [medium/react-native-training]
• Pengenalan kepada mod folder komponen [Medium/Styled-Components], yang membuat penulisan aplikasi React Extensible lebih mudah.
• Segala-galanya Tentang React Router 4 [CSS-Tricks]
• dan Panduan Rendering React Server [CSS-Tricks]
• Empat kaedah invarian untuk pengendalian negeri -negeri di React [medium/@housecor]
• Cara memasang React Native [SitePoint]
• Panduan Pengesahan dalam Aplikasi Native React [goshakkk.name]
• Jadual Lookup Cepat yang boleh dicari dan boleh ditapis [ReactCheatSheet]

Sedikit maju

• bagaimana untuk mengatur dan membuat aplikasi reaksi besar berskala [sitepoint]
• Cadangan: Belajar React [RobinWieruch]
• bagaimana untuk mencipta sistem komponen React yang benar-benar sejagat [sederhana/gaya-komponen]
• Redux vs. Mobx: Mana yang lebih baik? [sitePoint]
• React 16 Mengubah Bagaimana React Mengendalikan sifat DOM yang tidak diketahui: Panduan tentang bagaimana perubahan ini mempengaruhi anda dan kod anda [facebook.github]

kursus

Jika anda tidak suka membina laluan pembelajaran anda sendiri melalui artikel, atau anda ingin memastikan anda menguasai semua konsep dan teknik, maka kami mengesyorkan kursus React berstruktur berikut.

• pemula untuk React [ReactForBeginners] adalah standard emas untuk pendidikan React, dari React Mentor Wes Bos.
• React Express [React.Express] adalah panduan komprehensif untuk bertindak balas.

Projek

Anda telah menguasai asas -asas dan mungkin lebih banyak lagi. Berikut adalah beberapa projek yang boleh anda amalkan:

• Panduan untuk langkah demi langkah Bangunan React Applications dengan log masuk pengguna dan pengesahan [SitePoint]
• Panduan untuk membina aplikasi masa nyata negara dengan React Native and Pusher [SitePoint]
• bagaimana untuk menambah analisis untuk bertindak balas aplikasi asli [sitepoint]
• Bina aplikasi React yang diberikan oleh pelayan pertama anda dengan Rails [Engineering.Musefind]
• bagaimana membina klon reddit menggunakan React dan Firebase [SitePoint]
• Bina perpustakaan imej 3D sfera lengkap dengan React VR [SitePoint]
• kemudian gunakan React, Redux, Express, dan MongoDB untuk membina klon Trello lengkap [SitePoint]
• kemudian gunakan React Native untuk membina aplikasi pengiktirafan muka [sitepoint]
• bagaimana untuk membina aplikasi Android menggunakan React Native [SitePoint]
• Membina permainan dengan React dan Webwl [SitePoint]

Perpustakaan dan Alat

• bagaimana untuk menubuhkan Vim untuk pembangunan reaksi [drivy.engineering]
• React-Boilerplate [GitHub/React-BoilerPlate] adalah asas yang berskala, luar talian pertama untuk projek React seterusnya.
• React-VT [GitHub/Reactvt] adalah perpustakaan ujian visual untuk pemaju React.
• Mirror [GitHub/Mirrorjs] adalah kerangka reaksi yang mudah dan kuat dengan API minimum dan tiada kod boilerplate.
• React Material UI, React Bootstrap, UI Semantik, dan (Empat) Lebih - Tujuh Perpustakaan React Anda Harus Tahu [ReadWrite]
• Komponen UI Web JetBrains adalah sumber terbuka [blog.jetbrains]
• Gatsby [Gatsbyjs] adalah penjana tapak statik yang mesra dan super cepat.
• React Static adalah penjana tapak statik React yang direka untuk menjadi mudah dikonfigurasikan dan data agnostik.
• React Native Pull to Refresh [GitHub/Nadikuts] adalah komponen penyegaran tarik-turun adat untuk Android.
• Lottie [Airbnb.design] adalah iOS, Android, dan React Library Native yang membolehkan aplikasi menggunakan animasi dengan mudah kerana mereka menggunakan imej statik.
• Sketch.app [AirBnb] adalah alat lain untuk Airbnb yang membolehkan anda menulis komponen React yang diberikan kepada dokumen lakaran.

newsletter

Jika semua ini membantu anda masuk ke dunia React - berikut adalah beberapa surat berita yang akan membantu anda mendapatkan maklumat terkini.

• Kawalan Versi [SitePoint] - Surat Berita Harian, yang meliputi pelbagai topik termasuk React, jenis seperti jawatan ini (teks dan pautan), yang ditulis oleh saya!
• Status React [React.StatusCode] - Surat berita mingguan dari Orang Besar di CooperPress.
• React newsletter [ReactJSNewSletter] - Surat berita mingguan, yang dikendalikan oleh Tyler McGinnis dan Ean Platter.
• React Digest [ReactDigest] - Surat berita mingguan, menghantar lima pautan React setiap hari Isnin.

Apa yang kita rindukan?

Akhirnya, jika anda mendapati sumber atau alat yang sangat baik yang harus disertakan di sini, sila beritahu kami dalam borang di bawah. Selamat React!

Soalan -soalan yang sering ditanya mengenai pembelajaran React

Apakah prasyarat untuk pembelajaran bertindak balas?

Sebelum mula belajar bertindak balas, sangat penting untuk menguasai JavaScript, kerana React adalah perpustakaan JavaScript. Anda harus akrab dengan konsep seperti ciri ES6, penutupan, pengaturcaraan asynchronous, dan kata kunci ini. Pengetahuan HTML dan CSS juga penting kerana anda akan menggunakan JSX, sambungan sintaks JavaScript yang serupa dengan HTML.

Berapa lama masa yang diperlukan untuk belajar bertindak balas?

Masa yang diperlukan untuk belajar React sangat berbeza, bergantung pada tahap kemahiran semasa anda dan berapa banyak masa yang anda dapat menumpukan kepada pengajian anda. Jika anda sudah mahir dalam JavaScript, anda boleh menguasai asas -asas React dalam minggu pembelajaran khusus. Walau bagaimanapun, ia boleh mengambil masa beberapa bulan untuk menguasai React dan ekosistemnya seperti Redux dan React Router.

Apakah sumber yang perlu dipelajari?

Terdapat banyak sumber yang tersedia untuk belajar bertindak balas. Ini termasuk tutorial dalam talian, kursus video, buku dan dokumen. Dokumentasi React rasmi adalah tempat yang bagus untuk bermula. Kursus interaktif boleh didapati di laman web seperti CodeCademy dan SitePoint. Anda juga boleh menemui banyak tutorial percuma di YouTube dan blog.

Kenapa saya harus belajar bertindak balas?

React adalah salah satu perpustakaan JavaScript yang paling popular untuk membina antara muka pengguna, terutamanya untuk aplikasi satu halaman. Ia membolehkan anda membuat komponen UI yang boleh diguna semula. React dikekalkan oleh Facebook dan komuniti pemaju dan syarikat individu dan digunakan secara meluas dalam industri. Pembelajaran React boleh membawa banyak peluang pekerjaan.

Adakah bertindak balas perpustakaan atau kerangka?

React adalah perpustakaan JavaScript, bukan rangka kerja. Perbezaannya adalah bahawa perpustakaan menyediakan ciri -ciri khusus dan terpencil yang boleh anda gunakan seperti yang diperlukan, sementara rangka kerja menyediakan satu set alat dan ciri penuh, tetapi juga mengenakan cara khusus untuk melakukan sesuatu. React memberi tumpuan kepada satu perkara - membina antara muka pengguna, dan ia melakukan pekerjaan yang sangat baik.

Apa itu JSX dan mengapa penting dalam React?

JSX bermaksud JavaScript XML. Ia adalah lanjutan sintaks untuk JavaScript yang membolehkan anda menulis kod seperti HTML dalam kod JavaScript. Menulis aplikasi React tidak memerlukan JSX, tetapi ia disyorkan kerana ia menjadikan kod lebih mudah dibaca dan ditulis.

Apakah dom maya dalam React?

DOM Maya (Model Objek Dokumen) adalah konsep yang diperkenalkan oleh React, di mana perwakilan maya UI disimpan dalam ingatan dan disegerakkan dengan "sebenar" DOM ​​melalui proses yang dipanggil koordinasi. Proses ini menggabungkan dengan keupayaan untuk membuat komponen dengan mudah untuk membolehkan asas kod berprestasi tinggi dan boleh diramal.

Apakah perbezaan antara keadaan dan trek dalam React?

Dalam React, Negeri dan Props adalah objek JavaScript. Negeri adalah struktur data yang bermula dengan nilai lalai apabila komponen dipasang dan kemudian bermutasi dari masa ke masa, yang terutama hasil dari peristiwa pengguna. A prop (disingkat sebagai atribut) adalah pembolehubah yang diluluskan oleh komponen induknya.

Apa itu Redux dan bagaimana ia berkaitan dengan React?

Redux adalah bekas keadaan yang boleh diramal untuk aplikasi JavaScript. Ia membantu anda menulis aplikasi yang secara konsisten dijalankan, mudah diuji dalam persekitaran yang berbeza (klien, pelayan, dan asli). Walaupun ia digunakan terutamanya dengan React, ia boleh digunakan dengan mana -mana perpustakaan pandangan lain.

Bagaimana untuk memulakan membina projek dengan React?

Selepas menguasai asas -asas React, cara terbaik untuk belajar adalah membina projek. Mulakan dengan projek mudah, seperti senarai tugasan atau aplikasi cuaca. Apabila pengalaman anda semakin meningkat, anda boleh beralih kepada projek yang lebih kompleks. Bukan sahaja ini akan membantu anda memahami dengan lebih baik, ia juga boleh membina portfolio anda.

Atas ialah kandungan terperinci Sumber untuk belajar bertindak balas: semua yang anda perlukan untuk memulakan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!