Menjadi React Web Developer Expert

Tools

Dibantu
Dibantu

Halo, selamat datang :)
Kenalin aku Dibantu, bot yang akan membantu kamu mengatasi permasalahan di modul ini.

Lihat forum diskusi Tanya mentor
Modul kelas Menjadi React Web Developer Expert dalam bentuk cetak (buku) maupun elektronik sudah didaftarkan ke Dirjen HKI, Kemenkumham RI. Segala bentuk penggandaan dan atau komersialisasi, sebagian atau seluruh bagian, baik cetak maupun elektronik terhadap modul kelas Menjadi React Web Developer Expert tanpa izin formal tertulis kepada pemilik hak cipta akan diproses melalui jalur hukum.

Hak cipta dilindungi oleh Undang-undang © Dicoding 2017 - 2024.

Dengan lanjut ke materi berikutnya, Anda menyetujui adanya informasi hak cipta di atas terhadap modul dalam kelas ini.

Dibantu
Dibantu

Halo, selamat datang :)
Kenalin aku Dibantu, bot yang akan membantu kamu mengatasi permasalahan di modul ini.

Lihat forum diskusi Tanya mentor

Catatan Belajar

ini konten buat note nanti
Keyboard Shortcut
1
Next/prev modul

Membantu untuk mempermudah navigasi antar modul.

Tekan
CTRL / CTRL
2
Mencari Konten

Membantu menemukan konten dengan lebih cepat.

Tekan
CTRL/
3
Melihat daftar modul

Membantu melihat modul lebih cepat.

Tekan
CTRLM
Adaptive Reading

Tema

Terang
Hangat
Gelap

Jenis Font

Ukuran Font

Lebar Bacaan

Medium-width
Full-width
Daftar Modul

0% Selesai

0/8
Persetujuan Hak Cipta (Gratis)
Prasyarat Kemampuan (Gratis)
Prasyarat Tools (Gratis)
Materi yang akan Dipelajari (Gratis)
Mekanisme Belajar (Gratis)
Forum Diskusi (Gratis)
Glosarium (Gratis)
Daftar Referensi (Gratis)
0/15
Pengantar Linter dan Clean Code
Style Guide
JavaScript Linter
Latihan: Menggunakan ESLint pada React P...
Clean Code
Prinsip Membuat Variabel
Prinsip Membuat Fungsi
Prinsip Menangani Proses Asynchronous
Prinsip Penanganan Error
Prinsip Memberikan Komentar
React Clean Code
React Strict Mode
Latihan: Menggunakan React Strict Mode
Rangkuman Linter dan Clean Code
Kuis Linter dan Clean Code
0/33
Pendahuluan State Management dengan Redu...
State Container (Store)
Latihan: Membuat Store
Action
Kuis Koding: Action Creator
Reducer Function
Kuis Koding: Pure Function
Latihan: Membuat Action, Reducer Functio...
Kuis Koding: Reducer Function
Latihan: Mengombinasi Reducer
Kuis Koding: Root Reducer
Latihan: Redux Library
React Redux
Latihan: Menggunakan Redux Store di Reac...
Redux Middleware
Latihan: Membuat dan Menggunakan Redux M...
Asynchronous Action
Latihan: Asynchronous Action
Third Party Middleware
Redux Best Practices
Real World Project: Implementasi Redux p...
Menyiapkan, Menjalankan, dan Menganalisi...
Membuat Action dan Reducer untuk State a...
Membuat Action dan Reducer untuk State i...
Membuat Action dan Reducer untuk State u...
Membuat Action dan Reducer untuk State t...
Membuat Action dan Reducer untuk State t...
Membuat Shared Action
Membuat Redux Store
Menggunakan Redux Store pada React Compo...
Menerapkan Loading Bar
Rangkuman State Management dengan Redux
Kuis State Management dengan Redux
0/1
Proyek: Membangun Aplikasi React dengan...
0/17
Pengantar Automation Testing
Pentingnya Pengujian pada Pengembangan A...
Mengenal Automation Testing
Automation Testing di JavaScript
Framework Testing untuk JavaScript
Mengenal Kultur Test Driven Development
Latihan: Mencoba Unit Testing dengan Kul...
Latihan: Menerapkan Unit Testing untuk M...
Test Double
Latihan: Test Double untuk Menguji Thunk...
React Testing Library
Latihan: Menguji Komponen React
End-to-End Test dengan Cypress
Latihan: Memasang dan Mengonfigurasi Cyp...
Latihan: E2E Test pada Proses Login Apli...
Rangkuman Automation Testing
Kuis Automation Testing
0/17
Pengantar Deployment dengan CI/CD
Cara Developer Mengelola Kode
Pengertian CI/CD
Platform CI/CD untuk Aplikasi React
Alur CI/CD
Persiapan Latihan Deployment dengan CI/C...
Latihan: Memasang Git pada Komputer
Latihan: Membuat Local Repository
Latihan: Membuat Akun GitHub
Latihan: Menghubungkan Akun GitHub di Lo...
Latihan: Membuat Remote Repository dan M...
Latihan: Membuat CI Menggunakan GitHub A...
Latihan: Membuat CD dengan Vercel
Latihan: Menguji Deployment dengan CI/CD
Latihan: Memasang Proteksi pada Branch M...
Rangkuman Deployment dengan CI/CD
Kuis Deployment dengan CI/CD
0/9
Pengantar React Useful Ecosystem
Static React Site dengan Next.js
Latihan: Membuat Proyek Next.js
CSS-in-JS dengan Styled Component
Latihan: Membuat Styled Component
Isolasi Komponen dengan Storybook
Latihan: Membuat Lingkungan yang Aman un...
Rangkuman React useful Ecosystem
Kuis React Useful Ecosystem
0/2
Rangkuman Kelas
Ujian Akhir
0/1
Submission: Menerapkan Automation Testin...

Persetujuan Hak Cipta

Prasyarat Kemampuan
Person in front laptop

Platform mentoring Dicoding menghubungkan mentor dengan mentee, membangun hubungan berkelanjutan untuk mengembangkan karir developer.

Pelajari lebih lanjut