ReactPro

webapsolution

Mengandungi iklan

Perihal apl ini

ReactPro ialah apl pembelajaran yang komprehensif di Gedung Google Play yang direka untuk peminat React.js, daripada pengguna pemula hingga pengguna lanjutan. Ia menawarkan tutorial langkah demi langkah yang meliputi konsep teras seperti komponen, keadaan, prop dan cangkuk, memajukan kepada topik seperti API konteks, pengoptimuman prestasi. Antara muka mesra pengguna dan kursus berstruktur ReactPro menjadikannya sumber yang ideal untuk menguasai React.js semasa dalam perjalanan.

Berikut ialah senarai topik tutorial React.js ini:

1. Pengenalan kepada React
- Apakah React?
- Ciri utama React (Komponen, JSX, DOM Maya)
- Memasang React (Buat Apl React)

2. JSX: JavaScript XML
- Sintaks dan penggunaan JSX
- Membenamkan ungkapan dalam JSX
- Rendering JSX

3. Komponen dalam React
- Komponen Berfungsi vs Kelas
- Mencipta dan membuat komponen
- Struktur komponen dan kebolehgunaan semula

4. Props
- Menghantar data kepada komponen menggunakan prop
- Pengesahan prop
- Alat peraga lalai

5. Keadaan dan Kitaran Hayat
- Menguruskan keadaan komponen dengan `useState`
- Mengemas kini keadaan
- Memahami kaedah kitaran hayat (untuk komponen kelas) dan cangkuk (seperti `useEffect`)

6. Mengendalikan Acara
- Menambah pendengar acara
- Mengendalikan input dan acara pengguna
- Pengendali acara yang mengikat

7. Rendering Bersyarat
- Memaparkan elemen secara bersyarat
- Menggunakan penyata if/else dan pengendali ternary dalam JSX

8. Senarai dan Kunci
- Memaparkan senarai dalam React
- Menggunakan fungsi `map()` untuk memaparkan kandungan dinamik
- Kepentingan kunci dalam senarai React

9. Borang dalam React
- Komponen terkawal vs tidak terkawal
- Mengendalikan input borang
- Penyerahan dan pengesahan borang

10. Mengangkat Negara
- Perkongsian keadaan antara komponen
- Mengangkat negeri kepada nenek moyang yang sama

11. Penghala Reaksi
- Menyediakan Penghala Reaksi untuk navigasi
- Menentukan laluan dan pautan
- Laluan bersarang dan parameter laluan

12. Gambaran Keseluruhan Cangkuk
- Pengenalan kepada cangkuk React
- Cangkuk biasa: `useState`, `useEffect`, `useContext`
- Cangkuk tersuai (pilihan)

13. Penggayaan dalam React
- Penggayaan sebaris
- Lembaran gaya dan modul CSS
- Pustaka CSS-dalam-JS (cth., komponen gaya)

14. Nyahpepijat Asas dan Alat Pembangun
- Menggunakan Alat Pembangun React
- Menyahpepijat ralat biasa

15. Menggunakan Apl React
- Membina aplikasi untuk pengeluaran
- Pilihan penggunaan (Netlify, Vercel, Halaman GitHub)

Ini akan merangkumi konsep asas dan membolehkan seseorang bermula dengan React!



Topik lanjutan:
16. API Konteks dan Pengurusan Negeri
- Memahami API Konteks React
- Menggunakan Konteks untuk mengelakkan penggerudian prop
- Konteks lwn. perpustakaan pengurusan negeri (Redux, MobX)
- Bila dan mengapa menggunakan perpustakaan pengurusan negeri

17. Cangkuk Lanjutan
- Lihat terperinci `useReducer` untuk pengurusan keadaan yang kompleks
- Menggunakan `useMemo` dan `useCallback` untuk pengoptimuman prestasi
- Memahami dan menggunakan `useRef` untuk manipulasi dan kegigihan DOM
- Mencipta cangkuk tersuai untuk merangkum logik boleh guna semula

18. Komponen Pesanan Tinggi (HOC)
- Memahami Komponen Pesanan Tinggi
- Mencipta HOC untuk meningkatkan fungsi
- Kes penggunaan dan amalan terbaik
- Perbandingan dengan Render Props

19. Render Props Corak
- Apakah Render Props?
- Mencipta dan menggunakan komponen dengan props render
- Bila hendak menggunakan render props vs HOCs

20. Sempadan Ralat
- Memahami Sempadan Ralat dalam Reaksi
- Melaksanakan sempadan ralat menggunakan `componentDidCatch`
- Ralat semasa mengendalikan amalan terbaik dalam React

Perkara baharu

React js basic to advanced