Setelah kesuksesan versi gratis dari ReactJS Workshop (termasuk screenshot), hal yang sama telah dibangun kembali untuk memasukkan kuliah baru dan contoh kode termasuk penilaian. Format mingguan diperkenalkan.
Bekerja sebagai Direktur - Praktik & Teknik UI, format lokakarya 5 hari ini saya konseptualisasikan setelah saya meraih sukses besar dengan menyampaikan ILT dalam format ini.
Saya telah membangun aplikasi JavaScript selama beberapa tahun dan senang bekerja dengan kerangka kerja front-end terbaru dan terhebat seperti React, Redux, ES6, dan Webpack untuk memberikan solusi bagi klien di banyak industri di sini di midwest dan sekitarnya. Bersama-sama, melalui serangkaian pelajaran singkat dan lab kode-berat, kita akan membangun aplikasi yang berjalan dengan React dan Redux. Anda akan mendapatkan pemahaman tentang cara menggunakan React di aplikasi Anda sendiri, serta kode kerja untuk dimanfaatkan sebagai sumber daya yang berguna di masa mendatang.

Tujuan Lokakarya
------------------------------------
1. Bereaksi Kosakata dan Konsep
2. Penggunaan Redux
3. Keakraban dengan JS Tools Modern
4. Penilaian
5. Tautan ke contoh kode
6. Standar PPT tentang materi pelajaran.
7. Pendekatan 5 hari yang terorganisir dalam menangani kurva pembelajaran.

1. React Basics
Di bagian pertama lokakarya ini, kita akan mulai dengan membahas konsep inti React seperti DOM virtual. Setelah kami menghapus konsep inti, kami akan membahas kelas-kelas React dan API yang disediakan. Kami akan membahas secara detail tentang render, status, props, serta siklus hidup komponen React. Setelah itu, pembahasan akan masuk ke BEJ dan perbedaan penting antara HTML biasa. Kami akan membahas bagaimana Anda dapat menguji komponen React pertama Anda dengan Jest dan Enzyme. Dan tentu saja, ikhtisar lanskap perkakas React: termasuk yang terbaru dalam alat pembuatan JS, manajemen ketergantungan JS, dan kerangka kerja bootstrap Create-React-App yang menakjubkan.

2. Bereaksi Router
Sekarang kita tahu cara membuat komponen React, kita akan membahas bagaimana kita dapat membuat semuanya bekerja bersama untuk membangun aplikasi satu halaman secepat kilat menggunakan router React. Dalam kuliah ini, kami akan membahas semua yang perlu Anda ketahui tentang mengonfigurasi status React serta API dan komponen yang dapat Anda gunakan untuk transisi di antara keduanya.

3. Redux
Sekarang setelah footprint aplikasi kita mulai berkembang, kita membutuhkan pola yang baik untuk mengatur status semua komponen kita. Di sinilah arsitektur Redux berperan: menjadi satu-satunya sumber kebenaran untuk mendukung aplikasi satu halaman kita. Dalam kuliah ini kita akan membahas bagian utama Redux (tindakan, reduksi, dan penyimpanan) dan bagaimana mereka berinteraksi. Di lab, kami akan menambahkan pustaka Redux ke aplikasi kami dan menggunakannya untuk memasok data ke komponen React kami.

4. Formulir React dan Validasi
Di kuliah dan lab terakhir, kami akan meletakkan beberapa formulir di atas data kami. Kami akan membahas komponen formulir React dan mengapa mereka berbeda dari komponen React asli lainnya. Kemudian kita akan membahas bagaimana kita dapat menambahkan validasi ke komponen formulir kita di React Bootstrap. Di lab, Anda akan menggunakan apa yang telah Anda pelajari untuk membuat formulir yang akan kami gunakan untuk menyimpan data ke layanan REST.