Reactjs Fundamental Interaktif

Best Explanation of Reactjs

React itu powerful, tapi juga bisa liar kalau kita nggak ngerti cara makainya. Di produk ini, kita belajar bikin komponen yang interaktif pakai React Hooks, dari dasar sampai ke advance. Kita juga bedah performa, rerender, dan cara ngatur state biar nggak semrawut.

Reactjs Fundamental Interaktif

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

Selamat Datang
1

Selamat Datang

Inilah alasan kuat mengapa course ini hadir
05:17
Rekomendasi Video Sebelum Belajar Reactjs
2

Rekomendasi Video Sebelum Belajar Reactjs

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

Template Literal

Gabungin value javascript semudah itu
02:39
Short Hand Property Name
4

Short Hand Property Name

Hemat tenaga menulis nilai berbentuk object
00:10
Arrow Function
5

Arrow Function

Cara lain menulis fungsi di javascript
02:42
Object & Array Destructuring
6

Object & Array Destructuring

Syntax ini yang sering dipakai React untuk membungkus abstraksinya.
05:13
Rest and Spread Operator
7

Rest and Spread Operator

Teknik ampuh untuk memecahkan struktur data
04:40
ECMAScript Module
8

ECMAScript Module

Reuse kode jadi lebih mudah dan bersih
01:59
Ternaries Operator
9

Ternaries Operator

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

Array Method

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

Array Method: Find

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

Array Method: Some

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

Array Method: Every

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

Array Method: Includes

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

Array Method: Map

Kita ubah bentuk isi daripada Array
03:40
Array Method: Filter
16

Array Method: Filter

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

Nullish Operator

Hati hati dalam menulis Pengkondisian pada Javascript
03:24
Optional Chaining
18

Optional Chaining

Syntax yang dihindari, namun pakai jika kepepet
03:07
Async Await
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.

Mengapa Web Development
1

Mengapa Web Development

Bagaimana Prospek posisi web dibandingkan platform lain
02:29
Menghadapi Teknologi Baru Setiap Hari
2

Menghadapi Teknologi Baru Setiap Hari

Key mindset untuk menghadapi Stack yang muncul terus menerus
03:41
Luasnya dunia Web Development
3

Luasnya dunia Web Development

Pada akhirnya untuk survive kita harus memilih
05:30
DOM & DOM Manipulation
4

DOM & DOM Manipulation

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

Virtual DOM

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

Hello World

Ritual wajib programmer setiap belajar sesuatu
05:54
React API
7

React API

Pahami bagaimana sebenarnya React Bekerja dibalik layar
07:13
React API Nested Element
8

React API Nested Element

Bagaimana React menangani struktur DOM yang bercabang
02:39
Element Attribute
9

Element Attribute

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

JSX

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

Kenalan dengan Babel

Dibalik layar bagaimana dan kenapa JSX diciptakan
02:38
Bagaimana Babel menerjemahkan JSX
12

Bagaimana Babel menerjemahkan JSX

Mengapa kita harus import React di setiap file JSX
04:36
Menulis Syntax Javascript di antara Kode JSX
13

Menulis Syntax Javascript di antara Kode JSX

Kelemahan yang harus disadari dibalik file JSX
03:31
Component
14

Component

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

Custom Component

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

React Fragment

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

Props

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

Key Props

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

Props Type

Validasi data untuk mencegah error terjadi
08:08
Best Practice Props Typing
20

Best Practice Props Typing

Inilah mengapa teknologi ini dipakai dimana mana
02:18
Tools Management
21

Tools Management

Berbagai permasalahan yang harus diselesaikan secara bersamaan
09:45
Styling
22

Styling

Berbagai jalan mempercantik tampilan
06:21
Global CSS
23

Global CSS

Metode paling tradisional mempercantik tampilan
00:46
CSS Module
24

CSS Module

Memecahkan masalah yang ada pada global css
03:24
CSS Preprocessor
25

CSS Preprocessor

Next level ngoding css
03:51
CSS in JS
26

CSS in JS

Stack yang dipakai di perusahaan ecommerce
05:45
CSS Utility Classes
27

CSS Utility Classes

Tailwind paling populer dibidang ini
06:27
CSS Framework & Component Library
28

CSS Framework & Component Library

Metode cepat untuk membuat fungsional component react
01:42
Form
29

Form

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

Form Component Controlled

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

Controlled vs Uncontrolled

Metode apa yang sebaiknya kita gunakan untuk membuat Form
05:34
icon-React Hooks Dasar

React Hooks Dasar

Membahas konsep dasar penggunaan React Hooks untuk membuat web menjadi interaktif. Jangan sampai Reacjs mengendalikan kamu. Tapi kamulah yang harus mengendalikan Reactjs

Komponen interaktif dengan useState
1

Komponen interaktif dengan useState

Membuat component React menjadi interaktif
07:20
Bikin sendiri fungsi useState
2

Bikin sendiri fungsi useState

Buat ulang useState pakai Vanilla Js, alias ga pakai React, supaya tahu cara kerja useState sebenarnya
06:12
Ada Bug di useState yang kita buat
3

Ada Bug di useState yang kita buat

Ternyata tidak sesederhana itu, tapi mari kita pecahkan
04:44
Inilah alasan aturan Hooks itu lahir
4

Inilah alasan aturan Hooks itu lahir

Oalah pantesan peraturannya gitu
06:44
Merancang kebutuhan useState
5

Merancang kebutuhan useState

Cara efektif dan efisien dalam penggunaan useState
03:44
Component Rerender
6

Component Rerender

Semua developer React berlomba lomba untuk memecahkan masalah ini
07:35
React Lifecycle
7

React Lifecycle

Pengetahuan wajib para developer React untuk menghindari bad code
05:42
Interaksi eksternal dengan useEffect
8

Interaksi eksternal dengan useEffect

Pintu darurat untuk membuat komponen berfungsi
05:34
useEffect dengan dependency
9

useEffect dengan dependency

Buat seefisien mungkin komponen bekerja
03:24
Custom Hooks
10

Custom Hooks

Tools utama untuk membuat kode kita menjadi bersih
04:24
Menyentuh DOM dengan useRef
11

Menyentuh DOM dengan useRef

Jalan pintas untuk berhubungan langsung dengan elemen DOM
06:58
CRUD Project: To Do List (Create)
12

CRUD Project: To Do List (Create)

Pahami konsep dasar penerapan berbagai alat dasar yang ada di React
05:12
CRUD Project: To Do List (Read)
13

CRUD Project: To Do List (Read)

Bagian Read pada aplikasi Todo List
01:20
CRUD Project: To Do List (Update)
14

CRUD Project: To Do List (Update)

Belajar melakukan edit pada data yang sudah dimasukkan
12:14
CRUD Project: To Do List (Delete)
15

CRUD Project: To Do List (Delete)

Belajar menghapus Object pada suatu Array
02:41
CRUD Project: Complete To Do List
16

CRUD Project: Complete To Do List

Belajar menampilkan conditional rendering sesuai kebutuhan aplikasi kita
01:55

Bayar Sekali, Dapatkan Akses Selamanya! 🤩 🥳

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,090,00025%
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
Reactjs Fundamental Ultimate (Lifetime) icon

Reactjs Fundamental Ultimate (Lifetime)

Rp 1,500,000

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
icon-https://res.cloudinary.com/dm6iuwvw4/image/upload/w_100/v1754909331/iconcourse/react-testing_fgzwvx.webp
React Testing
🚀
Chapter akan terus bertambah ...

Fasilitas

icon-tanya-pimon
Konsultasi Bersama Pimon

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