Tutorial REACT 'Paling Masuk Akal' untuk PEMULA 🤩🌐

Mari kita mulai belajar React!! 🤩🤩🤩

Referensi Video:

Follow Developer React Indonesia 🇮🇩

Repository Belajar React WPU

Jalur Belajar React:
1. HTML Dasar
2. CSS Dasar
3. CSS Layouting
4. Javascript Dasar
5. Javascript DOM
6. Javascript Lanjutan
7. Git & GitHub
8. NodeJS & NPM

-- CHAPTERS --
00:00:00 Pendahuluan
00:00:54 Kenapa Paling Masuk Akal?
00:09:31 Apa dan Kenapa React?
00:15:35 Dari Javascript ke React
00:26:30 Mulai Bekerja dengan React
00:41:18 Apa yang Harus Dipelajari Sebelum React?
00:46:35 Konsep-konsep Utama Pada React
01:11:02 Materi Berikutnya?
01:12:10 Latihan
01:15:21 Closing

---
🔥 SUPPORT WPU 🔥

👕 Beli Hoodie & T-Shirt di WPU Official Store 👕

👾 Gabung Server Discord WPU 👾

- Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)

---
📢 FOLLOW SOCIAL MEDIA 📢

terimakasih dan #janganlupatitikkoma!

@sandhikagalih

[jannatunnaim]

Dengan ini kita deklarasikan, dengan jasa-jasa beliau, keikhlasan berbagi ilmunya, bawhasanya pak dhika ini adalah guru it serta dosen terbaik seantero jagat nusantara.. 🎉🎉🎉

[takGune-wdgv]

Pak sandhika adalah dosen jadi pasti penjelasan nya sangat mudah dipahami.

[masroniwardi]

setiap tutorialnya tidak pernah gagal, selalu mudah dimengerti tidak hanya sekedar ngoding saja tapi selalu di sertai dengan penjelasan yang lengkap, apa lagi bagi saya yang pendidikanya bukan dari IT, terima kasih banyak pak DIKA berkat chanel bapak saya bisa menjadi Web devloper.

[hidayahapriliansyah]

Saya yakin penonton setia WPU yang udah biasa dengan React nonton video ini karena penasaran 'Pak Dhika mau mulai dari mana nih jelasin nya?'. Bagi saya pribadi seneng aja liat bagaimana react bakal dibahas melihat betul banget dokumentasi react sekarang gak ramah pemula. Apalagi kalau lihat perkembangan react yang udah jauh banget dari jama class component, terus ke sini ke sini ada vite yang katanya lebih direkomendasiin dari pada cra, terus sekarang di dokumentasi react nya langsung disaranin pakai Next js. Loh loh loh? Selamat Pak Dhika buat video nya. (Soalnya kalau dipikir pikir mungkin Pak Dhika udah ada maksud buat bikin tutor react tapi harus mulai dari mananya yang bingung wkwkwkwk).

[mhdarifsetiawan]

Saya ucapkan banyak terimaksaih untuk Pa Dhika, akhirnya mengeluarkan video pertama tentang REACT.
Request pak, tolong di perdalam lagi pembahasan tentang Hook di react, seperti useState, useReff, useEffect, DLL. Serta best practice dari Hook tersebut untuk keperluan web programming.

[muhammadrezapahlevi]

As always gaya mengajar Pak Dhika yg selalu saya suka ❤ Selalu dimulai dari definisinya terlebih dahulu. Dari benar-benar akarnya dulu, sampai dapat darimana asal dan kenapa bisa seperti itu. Udah bertahun-tahun berkecimpung di dunia Web Programming, gak pernah bosan-bosannya ngulik dasar lagi dari Pak Dhika, tutorial react ini membantu banget untuk lebih kenal dasar react setelah memahami Prerequisite yang sudah dijelasin Pak Dhika, sekali lagi, terima kasih banyak Pak Dhika dan NextJs!


Ditunggu tutorial berikutnya Pak Dhika

[mhaidarhanif]

Mantap 👏 👏 👏

Saya juga gitu ngasih arahannya yang masuk akal buat pemula

Dan setuju juga bahwa yang resmi rada gak cocok buat pemula pas bagian mulai dan instalasi

Malah yang dari Next.js itu agak ke dalem dikit, ketemu halamannya yang cocok buat pemula

Dari sisi terjemahan pun juga bimbang, apakah mesti sesuai dengan aslinya atau nanti boleh diubah secara signifikan, biar lebih masuk akal untuk pemula

Kepikiran apakah mesti bikin dokumentasi tidak resmi sendiri, yang dari awal buka langsung pas to the point

[pupuha]

Keren ihh si bapak. Gak kebayang kalau di ajar sama dia. Saya jd programmer fullstack laravel gara2 nontonin video bapak ini. Mudah dipahami. Dan sekarang dituntut ke react js. Ehh ada juga dan seperti biasa mudah dipahami. Nuhun pisan pak ilmunya

[Bayu-official]

Terima kasih banyak guru....semua ilmu yg diajarkan dengan ikhlas menjadi amalan besar ...jrg nemu channel yg mengupas tuntas dan penyampaiannya enak lngsng masuk akal dari channel guru.semoga rezeki guru mkin melimpah🙏

[gi]

lanjut please, bener bener mudah untuk dipahami terlebih ada exercise di akhir vidio,
terimakasih pak

[rifqikhimos]

Dosen terbaik kita ❤, sehat selalu pak dika, tanpamu aku ga sepaham ini tentang dunia IT. Panjang umur pak.❤

[rizkiiqbalyt]

bersyukur banget asli, pa dhika akhirnya tergerakkan hatinya untuk bikin react😅

[businessman]

satu satunya tutorial yang selalu enak di dengar, ga bosenin, dan mudah dipahami adalah ya dari pak sandhika. ga pernah bosen buat diikutin bahkan bagi orang yang sudah tau dan terbiasa dengan teknologi yang dibahas, salah satunya React ini. serasa dapat air segar dari insight yang dibagikan beliau. tidak heran kalo julukan beliau adalah "dosen kita bersama" 😅😅
sehat terus pak sandhika ❤❤❤❤

[alxdyy]

spill latihan hehe, barangkali ada yang mau rapihin :)


const container =
const app =

function HomePage(){
function Tombol({title}){
if(angka == 10 || angka < 0){
return (<button onClick={title == "-" ? Kurang : Tambah} disabled>{title ? title : ""}</button>)
} else {
return (<button onClick={title == "-" ? Kurang : Tambah}>{title ? title : ""}</button>)
}
}

function Tambah(){
setAngka(angka + 1);
}

function Kurang(){
setAngka(angka - 1);
}

function Reset(){
setAngka(0);
}

function ResetBtn(){
if (angka == 10 || angka < 0 ){
return (<button
} else {
return (<button onClick={Reset} disabled>Reset</button>)
}
}

const [angka, setAngka] = React.useState(0);

return (
<>
<Tombol title="-" />
<span >{angka == 10 || angka < 0 ? "done!" : angka}</span>
<Tombol title="+" />
<br />
<ResetBtn />
</>
)
}

app.render(<HomePage />);

[mikirgame]

Akhirnya.. Yg saya tunggu tunggu dari Bapak, penjelasan dari dokumentasinya pun sulit dipahami. Terimakasih banyak Pak semoga berkah selalu hidup Pak Dhika, mengingat keikhlasan dalam mensharing ilmu ilmu, yg rinci dan mendetail sehingga mudah dipahami bagi siapapun.

[ngetesbae]

omg, ini lah jawaban yang selama ini dicari, jujur dari PHP belajar ke JS terutama ambil React sangat sulit. karena terkait tutorial dari berbagai sumber yang gak cocok untuk orang seperti ku. akhirnya dengan adanya ini, misteri terpecahkan dan fix pindah ke JS. makasih Pak Sandhika.

[cygtrafolia]

8:20 setuju, Pak. Emang documentation NextJS pas bagian itu enak banget diikutin, padahal saya juga nggak ada background Javascript, cmn tahu konsep OOP, tapi tetep menarik buat dibaca. Kudos juga buat NextJS👍
Bulan depan tutorial Nextjs boleh lah, Pak, hehe. Makasih, Pak buat videonya.

[b__yag]

bener2 dosen ter masuk logika terperinci dan terjelas pak galih <3

[ichsanrchmn]

Secara gak langsung pak dhika sudah menyumbang banyak sekali kontribusi, terutama buat saya pribadi yang kalo bingung sama dokumentasi pasti cari WPU. Sukses terus pak! Jalan cerah di depan

[Lazzue]

alhamdulillah seneng banget! yuk ah semangat lagi belajar :")