Reactjs Fundamental Dasar

Best Explanation of Reactjs

Produk Ini cocok untuk kamu yang pengen mulai belajar React dari nol, tentu dengan cara yang nggak bikin ngantuk. Kita mulai dari JavaScript yang sering dipakai di React, lanjut ke fundamental cara kerja React itu sendiri.

Reactjs Fundamental Dasar

Materi

icon-Dasar Javascript untuk Reactjs

Dasar Javascript untuk Reactjs

Banyak sekali syntax Javascript yang bisa kita gunakan dalam membuat aplikasi web. namun ketika kita menulis kode dengan Reactjs, ada syntax Javascript yang sering digunakan. Sebagai pemanasan kita coba bahas tipis-tipis

1

Selamat Datang

Inilah alasan kuat mengapa course ini hadir
05:17
2

Rekomendasi Video Sebelum Belajar Reactjs

Tonton video yang beredar di youtube tentang javascript untuk menyamakan konteks.
02:15
3

Template Literal

Gabungin value javascript semudah itu
02:39
4

Short Hand Property Name

Hemat tenaga menulis nilai berbentuk object
00:10
5

Arrow Function

Cara lain menulis fungsi di javascript
02:42
6

Object & Array Destructuring

Syntax ini yang sering dipakai React untuk membungkus abstraksinya.
05:13
7

Rest and Spread Operator

Teknik ampuh untuk memecahkan struktur data
04:40
8

ECMAScript Module

Reuse kode jadi lebih mudah dan bersih
01:59
9

Ternaries Operator

Syntax ini adalah satu satunya jalan membuat pengkondisian di antara kode JSX
01:52
10

Array Method

Pelajari betapa pentingnya mengetahui teknik mengelola nilai berbentuk array
00:27
11

Array Method: Find

Cari nilai di dalam Array sesuai kondisi nilai yang kita inginkan
01:00
12

Array Method: Some

Apakah ada nilai di dalam array yang kita cari ?
01:49
13

Array Method: Every

Apakah semua nilai array adalah nilai yang kita cari ?
01:04
14

Array Method: Includes

Apakah nilai yang kita cari ada di dalam Array ?
00:48
15

Array Method: Map

Kita ubah bentuk isi daripada Array
03:40
16

Array Method: Filter

Jadikan Array hanya berisi nilai yang kita inginkan
01:46
17

Nullish Operator

Hati hati dalam menulis Pengkondisian pada Javascript
03:24
18

Optional Chaining

Syntax yang dihindari, namun pakai jika kepepet
03:07
19

Async Await

Menunggu kode bernilai Promise untuk diselesaikan terlebih dahulu
04:30
icon-React Dasar Fundamental

React Dasar Fundamental

Temukan alasan kalian menggunakan Reactjs, cari tahu cara kerja Reactjs dan bagaimana menggunakannya. Miliki fundamental yang kuat ketika kita membangun aplikasi web menggunakan Reactjs.

1

Mengapa Web Development

Bagaimana Prospek posisi web dibandingkan platform lain
02:29
2

Menghadapi Teknologi Baru Setiap Hari

Key mindset untuk menghadapi Stack yang muncul terus menerus
03:41
3

Luasnya dunia Web Development

Pada akhirnya untuk survive kita harus memilih
05:30
4

DOM & DOM Manipulation

Masalah apa yang sebenarnya terjadi, sehingga kita harus pakai React
05:47
5

Virtual DOM

Beginilah cara kerja Virtual DOM. Cara berfikir yang menarik
04:32
6

Hello World

Ritual wajib programmer setiap belajar sesuatu
05:54
7

React API

Pahami bagaimana sebenarnya React Bekerja dibalik layar
07:13
8

React API Nested Element

Bagaimana React menangani struktur DOM yang bercabang
02:39
9

Element Attribute

Bagaimana penulisan attribut html di React API, kita bahas di sini
01:41
10

JSX

Synthetic Sugar yang dibuat tim React untuk mengabstraksi semuanya
03:07
11

Kenalan dengan Babel

Dibalik layar bagaimana dan kenapa JSX diciptakan
02:38
12

Bagaimana Babel menerjemahkan JSX

Mengapa kita harus import React di setiap file JSX
04:36
13

Menulis Syntax Javascript di antara Kode JSX

Kelemahan yang harus disadari dibalik file JSX
03:31
14

Component

Ini yang membuat React menjadi library yang Deklaratif
07:24
15

Custom Component

Tag html yang namanya sesuka kita. Cari tahu Bagaimana React memprosesnya
03:19
16

React Fragment

Kondisi yang harus kita ikuti jika pakai JSX
02:12
17

Props

Salah satu jalan untuk tukar alur data pada Component React
02:16
18

Key Props

Jawaban paling jelas mengapa key pada component itu dibutuhkan
06:42
19

Props Type

Validasi data untuk mencegah error terjadi
08:08
20

Best Practice Props Typing

Inilah mengapa teknologi ini dipakai dimana mana
02:18
21

Tools Management

Berbagai permasalahan yang harus diselesaikan secara bersamaan
09:45
22

Styling

Berbagai jalan mempercantik tampilan
06:21
23

Global CSS

Metode paling tradisional mempercantik tampilan
00:46
24

CSS Module

Memecahkan masalah yang ada pada global css
03:24
25

CSS Preprocessor

Next level ngoding css
03:51
26

CSS in JS

Stack yang dipakai di perusahaan ecommerce
05:45
27

CSS Utility Classes

Tailwind paling populer dibidang ini
06:27
28

CSS Framework & Component Library

Metode cepat untuk membuat fungsional component react
01:42
29

Form

Metode dasar untuk menerima data input dari user
08:50
30

Form Component Controlled

Memanfaatkan API React namun harus tahu bagaimana kelemahannya
03:56
31

Controlled vs Uncontrolled

Metode apa yang sebaiknya kita gunakan untuk membuat Form
05:34

Bayar Sekali, Dapatkan Akses Selamanya! 🤩 🥳

Reactjs Fundamental Ultimate (Lifetime) icon
Popular

Reactjs Fundamental Ultimate (Lifetime)

Rp 1,190,00026%
Rp 880,000
Promo Naik Level

bayar sekali akses selamanya

🔥 Bayar sekali, nikmati Chapter update kedepannya Gratis
⚠️ Harga naik seiring bertambahnya materi

Materi

icon-https://res.cloudinary.com/dm6iuwvw4/image/upload/v1747392797/iconcourse/reactjs-fundamental-dasar_jcuxik.webp
Reactjs Fundamental Dasar
icon-https://res.cloudinary.com/dm6iuwvw4/image/upload/v1747393318/iconcourse/reactjs-fundamental-interaktif_clzdxx.webp
Reactjs Fundamental Interaktif
icon-https://res.cloudinary.com/dm6iuwvw4/image/upload/v1747393585/iconcourse/react-fundamental-profesional_a8wyov.webp
React Fundamental Profesional
🚀
Chapter akan terus bertambah ...

Fasilitas

icon-tanya-pimon
Konsultasi Bersama Pimon
Reactjs Fundamental Dasar icon

Reactjs Fundamental Dasar

Rp 610,00034%
Rp 399,000
Promo

bayar sekali akses selamanya

🔥 Dapat diupgrade (kecuali ke ultimate) dengan diskon khusus
⚠️ Dapat update hanya jika ada perubahan isi topik.

Materi

icon-https://res.cloudinary.com/dm6iuwvw4/image/upload/v1702354656/iconcourse/dasar-javascript-untuk-reactjs_qjt7mh.webp
Dasar Javascript untuk Reactjs
icon-https://res.cloudinary.com/dm6iuwvw4/image/upload/v1702354647/iconcourse/react-dasar-fundamental_ymas9v.webp
React Dasar Fundamental
⚠️
Tidak termasuk akses ke chapter baru di masa depan.

Fasilitas

icon-tanya-pimon
Konsultasi Bersama Pimon
Reactjs Fundamental Interaktif icon

Reactjs Fundamental Interaktif

Rp 799,00025%
Rp 599,000
Promo

bayar sekali akses selamanya

🔥 Dapat diupgrade (kecuali ke ultimate) dengan diskon khusus
⚠️ Dapat update hanya jika ada perubahan isi topik.

Materi

icon-https://res.cloudinary.com/dm6iuwvw4/image/upload/v1747392797/iconcourse/reactjs-fundamental-dasar_jcuxik.webp
Semua Materi Reactjs Fundamental Dasar
icon-https://res.cloudinary.com/dm6iuwvw4/image/upload/v1702354630/iconcourse/react-hooks-dasar_cpnyp6.webp
React Hooks Dasar
⚠️
Tidak termasuk akses ke chapter baru di masa depan

Fasilitas

icon-tanya-pimon
Konsultasi Bersama Pimon
React Fundamental Profesional icon

React Fundamental Profesional

Rp 1,190,00031%
Rp 810,000
Promo

bayar sekali akses selamanya

🔥 Dapat diupgrade (kecuali ke ultimate) dengan diskon khusus
⚠️ Dapat update hanya jika ada perubahan isi topik.

Materi

icon-https://res.cloudinary.com/dm6iuwvw4/image/upload/v1747393318/iconcourse/reactjs-fundamental-interaktif_clzdxx.webp
Semua Materi Reactjs Fundamental Interaktif
icon-https://res.cloudinary.com/dm6iuwvw4/image/upload/v1708491766/iconcourse/react-hooks-lanjutan_xlsyxc.png
React Hooks Advanced
icon-https://res.cloudinary.com/dm6iuwvw4/image/upload/v1742264444/iconcourse/advanced-react-pattern_dzd5uz.webp
Advanced React Pattern
⚠️
Tidak termasuk akses ke chapter baru di masa depan.

Fasilitas

icon-tanya-pimon
Konsultasi Bersama Pimon

Harga bisa naik sewaktu waktu tanpa pemberitahuan seiring bertambahnya modul atau fasilitas