4.90 •

React

Learning Path

Belajar Membuat Aplikasi Web dengan React

Topik:

Full Stack Front End +1 lainnya

Level: Pemula

Level: Pemula 35 Jam Belajar

27.754

Siswa Terdaftar

Pelajari kemampuan dasar dalam membuat aplikasi React seperti element, component, props, event handling, dan state.

Belajar Sekarang

Informasi kelas Lihat silabus

Learning Path React Developer

Kelas ini merupakan langkah ke-empat Anda untuk menjadi React Developer.

Langkah sebelumnya

Langkah 3

Belajar Membuat Front-End Web untuk Pemula

45 Jam 4,87 Level Pemula

Langkah setelahnya

Langkah 5

Belajar Fundamental Aplikasi Web dengan React

55 Jam 4,92 Level Menengah

Apa yang akan Anda dapatkan

Sertifikat

Dapatkan sertifikat standar industri setelah menyelesaikan kelas ini.

Code Review

Kode yang Anda kerjakan akan di-review secara komprehensif oleh Reviewer.

Forum Diskusi

Diskusikan materi belajar dengan siswa lainnya.

Modul Tutorial

Materi bacaan elektronik disajikan dengan bahasa yang mudah dipahami.

Submission

Uji kemampuan teknis Anda dengan mengerjakan tugas submission.

Kuis

Kuis pilihan ganda membantu Anda memahami materi yang dipelajari.

Ujian

Validasi pengetahuan Anda dengan mengerjakan soal-soal ujian.

Level Pemula
Mempelajari topik dasar dengan objektif membuat produk, sistem, atau latihan sederhana.

Deskripsi

Tuntutan dalam mengembangkan aplikasi web semakin hari semakin kompleks. Pasalnya, aplikasi web saat ini dapat berperan layaknya aplikasi native. Seiring rumitnya permintaan, semakin canggih juga tools dalam mengembangkan web. Penggunaan React sebagai tools membangun UI mendominasi mulai dari perusahaan rintisan hingga perusahaan besar berskala multinasional. Di Indonesia sendiri React telah dipercaya dan digunakan oleh perusahaan besar seperti Tokopedia, Traveloka, dan lainnya.

React merupakan Library/Framework paling populer untuk membangun user interface aplikasi.
React memiliki komunitas developer yang besar baik di luar negeri maupun di dalam negeri.
React dipercaya dan digunakan oleh perusahaan besar nasional dan multinasional.
React termasuk library/framework yang mudah dipelajari karena tidak memiliki banyak perbedaan dengan mengembangkan aplikasi web secara standar.
Pengembangan aplikasi React tidak membutuhkan device dengan spesifikasi yang tinggi.

Target dan Sasaran Siswa

Kelas ini ditujukan untuk seorang Front-End Web Developer yang ingin mengembangkan website yang komponen UI-nya reusable, deklaratif, dan bersifat reaktif terhadap perubahan data.
Kelas dapat diikuti oleh siswa yang melek IT sehingga wajib memiliki dan dapat mengoperasikan komputer dengan baik.
Siswa diharapkan sudah mampu mengembangkan aplikasi web di sisi Front-End, menguasai HTML, CSS, dan JavaScript serta sudah familier dengan sintaksis ES6.
Siswa harus bisa belajar mandiri, berkomitmen, benar-benar punya rasa ingin tahu, dan tertarik pada subjek materi, karena sebaik apa pun materi kelas ini, tidak akan berguna tanpa keseriusan siswa untuk belajar, berlatih, dan mencoba.
Di akhir kelas siswa dapat membuat aplikasi web dengan React yang memanfaatkan functional component, stateful component, dan controlled component.

Selengkapnya

Sembunyikan

Learning Path

Kelas ini merupakan langkah ke-empat Anda untuk menjadi React Developer.

Langkah sebelumnya

Langkah 3

Belajar Membuat Front-End Web untuk Pemula

45 Jam 4,87 Level Pemula

Langkah setelahnya

Langkah 5

Belajar Fundamental Aplikasi Web dengan React

55 Jam 4,92 Level Menengah

Peralatan Belajar

Spesifikasi minimal perangkat:

Prosesor

Intel Dual Core (Rekomendasi Core i3 ke atas)

Tools yang dibutuhkan untuk belajar:

Teks Editor (VSCode)

Lihat semua peralatan belajar

Peralatan Belajar

Spesifikasi minimal perangkat

Kelas ini membutuhkan spesifikasi perangkat seperti berikut:

RAM

2GB (Rekomendasi 4GB)

Layar

1366 x 768 (Rekomendasi Full HD 1920 x 1080)

Sistem Operasi

Windows, Linux, MacOS

Prosesor

Intel Dual Core (Rekomendasi Core i3 ke atas)

Tools

Kelas ini membutuhkan beberapa tools berikut:

Teks Editor (VSCode)

Web Browser (Google Chrome atau Mozilla Firefox)

Command Line (Terminal atau cmd)

Metode Ajar

Online - Self-paced Learning
- Total jam belajar : 35 jam
- Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 25 hari)
- Anda tentukan sendiri berapa lama waktu yang akan digunakan untuk belajar materi kelas ini selama masih aktif terdaftar pada kelas
Fasilitas Pengajaran
- Materi bacaan elektronik : Materi akan disajikan dalam bentuk teks dan bacaan
- Forum diskusi : Setiap kelas memiliki sebuah forum diskusi yang dapat Anda gunakan untuk bertanya dan berdiskusi
- Evaluasi pembelajaran :
  - Ujian Akhir Kelas
  - Submission (Proyek Akhir) berupa membangun web aplikasi dengan React yang menerapkan reusable component, stateful component, controlled component.
- Sertifikat kompetensi

Lihat semua metode ajar

Metode Ajar

Online - Self-paced Learning
- Total jam belajar : 35 jam
- Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 25 hari)
- Anda tentukan sendiri berapa lama waktu yang akan digunakan untuk belajar materi kelas ini selama masih aktif terdaftar pada kelas
Fasilitas Pengajaran
- Materi bacaan elektronik : Materi akan disajikan dalam bentuk teks dan bacaan
- Forum diskusi : Setiap kelas memiliki sebuah forum diskusi yang dapat Anda gunakan untuk bertanya dan berdiskusi
- Evaluasi pembelajaran :
  - Ujian Akhir Kelas
  - Submission (Proyek Akhir) berupa membangun web aplikasi dengan React yang menerapkan reusable component, stateful component, controlled component.
- Sertifikat kompetensi

Kontributor

Curriculum Developer yang membangun kelas ini:

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

Zain Fathoni

Senior Front-End Engineer at Relay Commerce

Reviewer

Code Reviewer yang akan me-review tugas dan kode Anda:

Moch Ridwan Taufik Alamsyah

R&D Engineer at Citra Sabda Abadi, External Code Reviewer at Dicoding Indonesia

- Full Stack Development Enthusiast
- Mobile Development Enthusiast
- Machine Learning Enthusiast
- IoT Enthusiast

Motto: "What We Learn When We Learn By Doing?" Roger C. Schank

Jimmy

External Code Reviewer at Dicoding Indonesia

Fullstack Web and Mobile Developer
IT Lecturer
AWS Community Builder
AWS Certified DevOps Engineer - Professional
AWS Certified Solutions Architect - Professional
Google Certified Associate Cloud Engineer
Certified Laravel Developer

Malvian Dwi Haryanto

External Code Reviewer at Dicoding Indonesia

Software Engineer | Web Enthusiast

Vincentius Jordan H Tampubolon

External Code Reviewer At Dicoding Indonesia

Dicoding Graduate
Associate Android Developer

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Lihat semua kontributor dan reviewer

Kontributor & Reviewer

Kontributor kelas

Curriculum Developer yang membangun kelas ini:

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

Zain Fathoni

Senior Front-End Engineer at Relay Commerce

Nur Rizki Adi Prasetyo

Curriculum Developer di Dicoding

Tim Reviewer

Code Reviewer yang akan me-review tugas dan kode Anda:

Moch Ridwan Taufik Alamsyah

R&D Engineer at Citra Sabda Abadi, External Code Reviewer at Dicoding Indonesia

- Full Stack Development Enthusiast
- Mobile Development Enthusiast
- Machine Learning Enthusiast
- IoT Enthusiast

Motto: "What We Learn When We Learn By Doing?" Roger C. Schank

Jimmy

External Code Reviewer at Dicoding Indonesia

Fullstack Web and Mobile Developer
IT Lecturer
AWS Community Builder
AWS Certified DevOps Engineer - Professional
AWS Certified Solutions Architect - Professional
Google Certified Associate Cloud Engineer
Certified Laravel Developer

Malvian Dwi Haryanto

External Code Reviewer at Dicoding Indonesia

Software Engineer | Web Enthusiast

Vincentius Jordan H Tampubolon

External Code Reviewer At Dicoding Indonesia

Dicoding Graduate
Associate Android Developer

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Agista Septiyanto

Product Engineer

Alvin Indra Pratama

Frontend Developer at Antikode

An Intermediate Frontend Developer working at Antikode a UI UX Agency. I have more than 4 years of experience in the Frontend field. Mastering several technologies such as React.js, Vue.js, Nuxt.js, Next.js, Tailwind CSS, GrahphQL, SEO and others. I also have mentoring experience at Bangkit and Kampus Merdeka.

Alfian Yusuf Abdullah

Head of Reviewer at Dicoding Indonesia

Associate Android Developer
Kotlin Enthusiast
UI/UX Enthusiast

Nanang Sutisna

- Mobile & Web Enthusiast

- External Code Reviewer at Dicoding Indonesia

Putu Jhonarendra

Programmer

Seorang Programmer dari Bali, Indonesia yang memiliki pengalaman lebih dari 3 tahun mengembangkan aplikasi web. Aplikasi yang dibuat telah dipakai di lembaga pendidikan dan instansi pemerintah.

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

More: dmds.dev, LinkedIn.

Gunawan Wahyu Andreanto

Full Stack Developer

meh

Alexzander Purwoko

Code Reviewer at Dicoding Indonesia

Associate Android Developer
Android, Web & IoT Enthusiast

Abdul Malik

Frontend Developer

Let's get in touch with me:

Linkedin - GitHub - Facebook

Ivan Andrianto

External Reviewer at Dicoding Indonesia

Google Data Analytics Professional Certificate
UI/UX Enthusiast
Machine Learning Enthusiast
Mobile & Web Enthusiast

Sesaka Aji Nursah Bantani

External Reviewer Dicoding at Dicoding Indonesia

Bangkit Academy 2022 graduate.
Google Certified Associate Android Developer
IDCAMP 2021 facilitator - multiplatform apps
Mobile Developer Freelance

find me on linkedin or Github

Muhammad Rifki Erlangga

External Code Reviewer at Dicoding Indonesia

Front-end Web Developer

Mohamad Zaelani

External Code Reviewer Dicoding

Feel free to connect with me on LinkedIn.

• External Code Reviewer Dicoding

• Backend Developer

• TensorFlow Developer Certified

• AWS Certified Cloud Practitioner

• AWS Certified Solutions Architect – Associate

Tatang Kuswandi

External Code Reviewer at Dicoding Indonesia

Software Development Enthusiast

Fiqri ardiansyah

Fullstack Developer at INCIT

HA, nice!

Take a look my portfolio

Farhan Rafly Fahrezi Saepulloh

Frontend Engineer at Tricada Intronik

If the physics says it is allowed, the engineers will find a way.

Samodra

External Code Reviewer at Dicoding Indonesia

Software Engineer

YUSRIL ADRIANSYAH PUTRA

External Code Reviewer at Dicoding Indonesia

Front-End Web Developer
Back-End Web Developer
Javascript Enthusiast

Hasan Ismail Abdulmalik

Full Stack Engineer - External Reviewer Dicoding

Saya adalah seorang Full Stack Engineer, dengan keahlian di bidang backend development, frontend development, serta cloud computing, saya siap membantu peserta memahami konsep secara mendalam dan menerapkannya dalam membangun solusi digital yang scalable dan berdampak. Pengalaman saya dalam berbagai program fasilitasi dengan peserta dari berbagai latar belakang harapannya dapat membantu teman-teman tumbuh secara menyeluruh dan siap menghadapi tantangan industri teknologi.

Ilham Shiddiq

External Code Reviewer at Dicoding Indonesia. Backend Developer at a company in Bandung.

Back-End Web Developer
Web Developing Enthusiast

Sofyan Egi Lesmana

SIB Graduate Batch 2 - Front-End & Back-End Web
Certified by Dicoding Indonesia

You can reach out me on my Linkedin.

Refiandi Reza Syawaldriyansah

External Reviewer Dicoding

Front-End & Javascript Enthusiast

Shidqi Rifat Pangestu

Frontend Developer at Badr Interactive

- Frontend web enthusiast
- Instructor, Mentor, and Advisor Project at Dicoding
- Contribute through technology </>

Fazza Razaq Amiarso

Software Engineer@WidaTech & Mentor

I'm a self-taught web developer focusing on making everyone can inclusively use the web. Currently learning and building interactive experience on the Web and Mobile.

Huge believer (and doer ofc) in learning by doing.

Personal Website: https://www.fazzaamiarso.com

Github: https://github.com/fazzaamiarso

Fauzi Kurniawan

External Code Reviewer at Dicoding Indonesia

Javascript enthusiast

Muhammad Zainul Hakim

Developer

Learning the web tech.

Jacky Chen

Fullstack Web Developer

I am a graduate with a degree in Information Systems from Institut Bisnis dan Teknologi Pelita Indonesia. I am passionate about website development, focusing on both front-end and back-end aspects.

Muhammad Nazar Alwi

External Code Reviewer at Dicoding Indonesia

Software Engineering Student
Dicoding Graduate
iOS Developer
More Info: nazaralwi.com

Moch Ridwan Taufik Alamsyah

R&D Engineer at Citra Sabda Abadi, External Code Reviewer at Dicoding Indonesia

- Full Stack Development Enthusiast
- Mobile Development Enthusiast
- Machine Learning Enthusiast
- IoT Enthusiast

Motto: "What We Learn When We Learn By Doing?" Roger C. Schank

Jimmy

External Code Reviewer at Dicoding Indonesia

Fullstack Web and Mobile Developer
IT Lecturer
AWS Community Builder
AWS Certified DevOps Engineer - Professional
AWS Certified Solutions Architect - Professional
Google Certified Associate Cloud Engineer
Certified Laravel Developer

Malvian Dwi Haryanto

External Code Reviewer at Dicoding Indonesia

Software Engineer | Web Enthusiast

Vincentius Jordan H Tampubolon

External Code Reviewer At Dicoding Indonesia

Dicoding Graduate
Associate Android Developer

Inggih Wicaksono

Web Developer at Erasys Consulting

- Fullstack man but currently focus on React.js

- Hacktoberfest fans @igihcksn

Agista Septiyanto

Product Engineer

Alvin Indra Pratama

Frontend Developer at Antikode

Alfian Yusuf Abdullah

Head of Reviewer at Dicoding Indonesia

Associate Android Developer
Kotlin Enthusiast
UI/UX Enthusiast

Nanang Sutisna

- Mobile & Web Enthusiast

- External Code Reviewer at Dicoding Indonesia

Putu Jhonarendra

Programmer

Seorang Programmer dari Bali, Indonesia yang memiliki pengalaman lebih dari 3 tahun mengembangkan aplikasi web. Aplikasi yang dibuat telah dipakai di lembaga pendidikan dan instansi pemerintah.

Dimas Maulana Dwi Saputra

Curriculum Developer at Dicoding Indonesia

More: dmds.dev, LinkedIn.

Gunawan Wahyu Andreanto

Full Stack Developer

meh

Alexzander Purwoko

Code Reviewer at Dicoding Indonesia

Associate Android Developer
Android, Web & IoT Enthusiast

Abdul Malik

Frontend Developer

Let's get in touch with me:

Linkedin - GitHub - Facebook

Ivan Andrianto

External Reviewer at Dicoding Indonesia

Google Data Analytics Professional Certificate
UI/UX Enthusiast
Machine Learning Enthusiast
Mobile & Web Enthusiast

Sesaka Aji Nursah Bantani

External Reviewer Dicoding at Dicoding Indonesia

Bangkit Academy 2022 graduate.
Google Certified Associate Android Developer
IDCAMP 2021 facilitator - multiplatform apps
Mobile Developer Freelance

find me on linkedin or Github

Muhammad Rifki Erlangga

External Code Reviewer at Dicoding Indonesia

Front-end Web Developer

Mohamad Zaelani

External Code Reviewer Dicoding

Feel free to connect with me on LinkedIn.

• External Code Reviewer Dicoding

• Backend Developer

• TensorFlow Developer Certified

• AWS Certified Cloud Practitioner

• AWS Certified Solutions Architect – Associate

Tatang Kuswandi

External Code Reviewer at Dicoding Indonesia

Software Development Enthusiast

Fiqri ardiansyah

Fullstack Developer at INCIT

HA, nice!

Take a look my portfolio

Farhan Rafly Fahrezi Saepulloh

Frontend Engineer at Tricada Intronik

If the physics says it is allowed, the engineers will find a way.

Samodra

External Code Reviewer at Dicoding Indonesia

Software Engineer

YUSRIL ADRIANSYAH PUTRA

External Code Reviewer at Dicoding Indonesia

Front-End Web Developer
Back-End Web Developer
Javascript Enthusiast

Hasan Ismail Abdulmalik

Full Stack Engineer - External Reviewer Dicoding

Ilham Shiddiq

External Code Reviewer at Dicoding Indonesia. Backend Developer at a company in Bandung.

Back-End Web Developer
Web Developing Enthusiast

Sofyan Egi Lesmana

SIB Graduate Batch 2 - Front-End & Back-End Web
Certified by Dicoding Indonesia

You can reach out me on my Linkedin.

Refiandi Reza Syawaldriyansah

External Reviewer Dicoding

Front-End & Javascript Enthusiast

Shidqi Rifat Pangestu

Frontend Developer at Badr Interactive

- Frontend web enthusiast
- Instructor, Mentor, and Advisor Project at Dicoding
- Contribute through technology </>

Fazza Razaq Amiarso

Software Engineer@WidaTech & Mentor

I'm a self-taught web developer focusing on making everyone can inclusively use the web. Currently learning and building interactive experience on the Web and Mobile.

Huge believer (and doer ofc) in learning by doing.

Personal Website: https://www.fazzaamiarso.com

Github: https://github.com/fazzaamiarso

Fauzi Kurniawan

External Code Reviewer at Dicoding Indonesia

Javascript enthusiast

Muhammad Zainul Hakim

Developer

Learning the web tech.

Jacky Chen

Fullstack Web Developer

I am a graduate with a degree in Information Systems from Institut Bisnis dan Teknologi Pelita Indonesia. I am passionate about website development, focusing on both front-end and back-end aspects.

Muhammad Nazar Alwi

External Code Reviewer at Dicoding Indonesia

Software Engineering Student
Dicoding Graduate
iOS Developer
More Info: nazaralwi.com

Testimoni Siswa

Ribuan siswa sukses belajar di Dicoding Academy. Apa kata mereka? Berikut adalah testimoni asli mereka.

Fahdi Alan Fawwazi

PT. Anugerah Jaya Prakarsa

Belajar Membuat Aplikasi Web dengan React

Materinya bener-bener friendly untuk pemula react, diluaran sana belajar react langsung pake React Hooks dan itu membuat bingung untuk saya, namun disini benar-benar berawal dari dasar

Baca selengkapnya

I Dewa Gede Palguna

Nusa Film

Belajar Membuat Aplikasi Web dengan React

Penyampaian materi yang cukup jelas. Berhubung saya secara pribadi belum familiar dengan konsep penulisan component yang mencampur JS dan HTML, dan cara mengkomposisinya. Tapi di course ini, cukup cepat saya paham karena ada analogi dan ilustrasi yang bener2 menggambarkan konsepnya.

Baca selengkapnya

Lihat semua testimoni

Testimoni Siswa

Fahdi Alan Fawwazi

PT. Anugerah Jaya Prakarsa

Belajar Membuat Aplikasi Web dengan React

Materinya bener-bener friendly untuk pemula react, diluaran sana belajar react langsung pake React Hooks dan itu membuat bingung untuk saya, namun disini benar-benar berawal dari dasar

I Dewa Gede Palguna

Nusa Film

Belajar Membuat Aplikasi Web dengan React

Carlios Eryan

Institut Teknologi Bandung

Belajar Membuat Aplikasi Web dengan React

Mantap, terima kasih dicoding atas kesempatannya, dengan kelas ini saya menjadi sangat suka dengan metoda pemrograman menggunakan library React.

Syahda Romansyah

Universitas Telkom

Belajar Membuat Aplikasi Web dengan React

Pada kelas ini, materi dasar React yang disampaikan sudah sangat baik dan terstruktur. Materi konseptual dan fundamental pada library React mudah dipahami sebagai seorang pemula. Materi di dalam kelas sangat menekankan dasar asal usul serta versi dahulu dalam cara penggunaan React, sehingga paham saat mengembangkan aplikasi React yang masih menggunakan versi dahulu.

Punya pertanyaan seputar kelas ini?

Berikut adalah beberapa pertanyaan yang paling sering ditanyakan.

Bagaimana cara memasukkan token Academy? Aturan membuat pertanyaan di forum diskusi kelas Bagaimana cara mencetak sertifikat kelulusan kelas?

Lihat semua FAQ

Silabus

Materi yang akan Anda pelajari pada kelas ini.

Persiapan Belajar

Memahami HAKI, mekanisme belajar, forum diskusi, glosarium, dan daftar referensi.

7 Artikel

70 menit

Pengenalan React

Berkenalan dengan React, mengetahui alasan mempelajari React, dan mengenal ekosistem yang ada di React.

5 Artikel
1 Ujian

95 menit

Pengenalan React
15 Menit
Pengertian React
20 Menit
Alasan Memilih React
20 Menit
React Ecosystem
15 Menit
Rangkuman Pengenalan React
15 Menit
Kuis Pengenalan React

10 Menit

Konsep Dasar React

Belajar tentang konsep dasar React seperti composition, declarative code, unidirectional data flow, dan menyadari bahwa React hanyalah JavaScript.

7 Artikel
1 Ujian

165 menit

Pengantar Konsep Dasar React

15 Menit
React Element dan Component

25 Menit
Composition

25 Menit
Declarative Code

25 Menit
Unidirectional Data Flow

25 Menit
React is Just JavaScript

25 Menit
Rangkuman Konsep Dasar React

15 Menit
Kuis Konsep Dasar React

10 Menit

React UI Component

Belajar tentang membangun UI di React seperti mengenal element dan component. Serta, belajar juga konsep component properti yang membuat UI aplikasi bersifat reusable.