Tutorial REACT "Paling Masuk Akal" untuk PEMULA 🤩🌐

Рет қаралды 253,784

Жыл бұрын

Mari kita mulai belajar React!! 🤩🤩🤩
Referensi Video:
- nextjs.org/learn/foundations/from-javascript-to-react
- react.dev
- id.react.dev
Follow Developer React Indonesia 🇮🇩
github.com/reactjs/id.react.dev/issues/330
Repository Belajar React WPU
github.com/sandhikagalih/belajar-react-untuk-pemula
Jalur Belajar React:
1. HTML Dasar
kzfaq.info/sun/PLFIM0718LjIVuONHysfOK0ZtiqUWvrx4F
2. CSS Dasar
kzfaq.info/sun/PLFIM0718LjIUBrbm6Gdh6k7ZUvPIAZm7p
3. CSS Layouting
kzfaq.info/sun/PLFIM0718LjIUu4Ju9GUL5zpLcuq08TKYr
4. Javascript Dasar
kzfaq.info/sun/PLFIM0718LjIWXagluzROrA-iBY9eeUt4w
5. Javascript DOM
kzfaq.info/sun/PLFIM0718LjIWB3YRoQbQh82ZewAGtE2-3
6. Javascript Lanjutan
kzfaq.info/sun/PLFIM0718LjIUGpY8wmE41W7rTJo_3Y46-
7. Git & GitHub
kzfaq.info/sun/PLFIM0718LjIVknj6sgsSceMqlq242-jNf
8. NodeJS & NPM
kzfaq.info/sun/PLFIM0718LjIW-XBdVOerYgKegBtD6rSfD
-- 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 👕
shopee.co.id/wpustore.id
👾 Gabung Server Discord WPU 👾
discord.gg/S4rrXQU
- Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)
saweria.co/sandhikagalih
karyakarsa.com/sandhikagalih
---
📢 FOLLOW SOCIAL MEDIA 📢
- sandhikagalih
- tiktok.com/@sandhika.galih
- sandhikagalih
- github.com/sandhikagalih
terimakasih dan #janganlupatitikkoma!
@sandhikagalih

Пікірлер: 638

@jannatunnaim2588 Жыл бұрын

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

@EzaZigzag Жыл бұрын

Alhamdulillah Akhirnya Pak Dhika Saya Pengen belajar React nyari tutorial gak ada yang cocok , rata rata kerja harus bisa React jadi ini bakal ngebantu bangettt

@TheCrybabywah 9 ай бұрын

rejekinya akan mengalir terus dan menerus.

@kitasemuacalonjenazah5312 8 ай бұрын

Setuju sekali 🙏🏼🙏🏼🙏🏼

@makinglegend2582 6 ай бұрын

Aamiin🤲@@TheCrybabywah

@ekiimanj9351 6 ай бұрын

1000%

@alxdyy Жыл бұрын

spill latihan hehe, barangkali ada yang mau rapihin :) const container = document.getElementById("app"); const app = ReactDOM.createRoot(container); function HomePage(){ function Tombol({title}){ if(angka == 10 || angka < 0){ return ({title ? title : ""}) } else { return ({title ? title : ""}) } } function Tambah(){ setAngka(angka + 1); } function Kurang(){ setAngka(angka - 1); } function Reset(){ setAngka(0); } function ResetBtn(){ if (angka == 10 || angka < 0 ){ return (Reset) } else { return (Reset) } } const [angka, setAngka] = React.useState(0); return ( {angka == 10 || angka < 0 ? "done!" : angka} ) } app.render();

@takGune-wd6gv Жыл бұрын

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

@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.

@muhammadrezapahlevi7896 Жыл бұрын

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

@rifqikhimos3263 Жыл бұрын

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

@bintangtimor4969 Жыл бұрын

Bagus pak Sandhika benar memgajar tulus antara mahasiswanya dan viewer sama saja tidak dibedakan alias untuk mahasiswanya dijelaskan lengkap sedangkan untuk viewers dikasih sekedarnya saja...luar biasa sehat dan sukses... Lanjut lagi videonya pak Sandhika, kami menunggu video berikutnya pak😊

@masroniwardi6956 Жыл бұрын

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.

@Bayu-official 7 ай бұрын

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🙏

@businessman8715 Жыл бұрын

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 ❤❤❤❤

@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

@misbahdev8210 Жыл бұрын

dari sekian banyak course, ini yg pling bnget ditunggu

@Wenhomespontianak Жыл бұрын

Sungguh Tak ternilai harganya ilmu yg Beliau berikan❤ sehat selalu pak dika

@mikirgame8642 6 ай бұрын

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.

@wsugiri1 11 ай бұрын

keren pa Dhika, konsep yg aslinya rumit bisa dijelaskan dengan sederhana dan sangat excellent, masih sedikit tutorial bhs indonesia yg bisa seperti ini, bravo semangat terus dalam berbagi

@rizkiiqbalyt Жыл бұрын

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

@jannatunnaim2588 Жыл бұрын

Pak dhika sebetulnya sudah sejak lama bikin ini, tapi sedang merancang bagaimana supaya mudah di fahami untuk pemula..

@gunturwahyudigunturwahyudi8149 Жыл бұрын

Iya bener

@unique_product Жыл бұрын

Hahah tergerak hatinha😂

@didi_abdillah Жыл бұрын

akhirnya video yang ditunggu Rilis juga, kebetulan saya juga pengen mendalami fullstack ReactJs + Laravel, cuma sekarang sedang terkendala di belajar ReactJs

@FarrelyFirenza Жыл бұрын

Dari sekian banyak course dan tutorial di yt ini yang paling gw tunggu

@lazzuefaggers3682 Жыл бұрын

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

@lazuardiyudhistira6421 Жыл бұрын

Terimkasih atas ilmu yang diberikan Pak Dhika, saya berharap tutorial seri dari React ini terus berlanjut

@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).

@shahihtv2582 Жыл бұрын

saya pusing juga pas belajar react di awal, sekarang langsung lompat aja belajar ke nextjs pake typescript dan juga sdh ada ketentuan susunan struktur nya kalo pake nextjs

@programmerid3396 Жыл бұрын

katanya vite nggak terlalu berat size node_modulenya beda klo pake cra, besar bgt tuh size node_module

@farrasfadhils.739 Жыл бұрын

@@shahihtv2582 namanya library, paling enak kalau langsung ada yang ngaturnya, alur belajar nya juga jadi langsung dapet :D

@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

@kh0lis Жыл бұрын

penjelasan pak dhika memang beda. selalu mudah dimengerti oleh newbie. menunjukkan bahwa beliau benar-benar paham. tutorial lain jarang yang cocok buat newbie kebanyakan buat yang sudah sedikit paham. terima kasih banyak 👍

@athallahmuhammadzaidan2233 Жыл бұрын

Alhamdulillah, finally, gasskeuun pakk

@kanshinbatosai2556 Жыл бұрын

Finally, I've been waiting for this tutorial for so long, since GIT tutorial published. Thanks pak dika udah mau buatin tutorialnya hehe

@trendtodayid Жыл бұрын

Finally, udah lama banget Nunggu pak shandika bahas React. Thanks pak, Ilmunya bermanfaat.

@gi450 Жыл бұрын

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

@AdamerzChannel Жыл бұрын

Alhamdulillah... Akhirnya pa Dhika buat playlist react nih😁😁 Makasih pa Dhika

@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

@dwirustanto8208 Жыл бұрын

Dosen online terbaik, semoga sehat selalu, panjang umur dan di limpahkan rejeki yang berkah... ditunggu pak untuk materi Reactnya....

@rafliramadhani408 Жыл бұрын

Keren pak dhika lanjut trus untuk bimbingannya belajarnya 🤞🤞, mahal banget ilmu ngoding begini , apalagi kalo udah sampe react , tinggal kencengin semangat sama konsistennya aja biar bisa jadi programmer

@fcicoss648 Жыл бұрын

mantab pak Dhika, Tutorial yang ditunggu-tunggu. Bosen lihat tutorial dari luar berjam-jam dan ndak paham tapi langsung tercerahkan setelah nonton di Chanel ini. 🤞

@sancasnake 8 ай бұрын

selalu menarik pembahasan pak sandika ini. karena mampu memposisikan diri sebagai orang awam yang membuat kami orang awam bisa mudah memahami segala materinya.

@ishakimanuel3513 Жыл бұрын

Lebih baik mendalami effects dari pada lifecycle, krn cara berpikir pada class component itu berbeda ketika kita menggunakan functional component dgn hook api.

@fahruroji916 Жыл бұрын

Dosen online terbaik, semoga panjang umur pak dan di limpahkan rejekinya amin

@kamesennin5887 Жыл бұрын

mantab tutornya pak. bagus dan cocok untuk temen2 yang masih bingung dengan konsep dan why kita harus pakai react

@kaptenamerika1343 Жыл бұрын

Yang ditunggu-tunggu 😍

@Elves220 Жыл бұрын

Wah ini nih yang di tunggu² let's go 🔥🔥🔥

@kakrahman6880 10 ай бұрын

Dari gak tau apa2 tentang coding, mulai belajar dari playlist CI4, alhamdulillah saat ini sudah beberapa aplkasi berbasis web yang sudah saya buat, terimakasih pak Dhika,, sekarang saya ikutin playlist React bapak. semoga berkah ilmunya

@izat4350 Жыл бұрын

Semoga lanjut lagi tutorial react nya udah lama nyari nyari tapi pak dhika ngejelasinnya dengan gampang. baru tau juga kalau dokumentasi nya di next js :3

@1233farhan Жыл бұрын

menurut saya pak Sandhika adalah dosen terbaik di dunia thanks ilmunya pak

@Dimas-gm4to Жыл бұрын

Alhamdulilah yang paling di tunggu tunggu terima kasih banyak pak sandhika sehat selaluuuu..........

@Bosgadang Жыл бұрын

Akhirnya, ini yang ditunggu" banget Gas keun pak dhika

@Arufaki Жыл бұрын

finally mudah dimengerti, dan kembali mengingat JS Lanjutan

@milkyplay6995 11 ай бұрын

Lagi-lagi pak Dhika membuat saya lebih mrmahami dunia react js spt Jsx, Modern Javascript, babel, hook, React dll

@baguseririzqiyan1474 Жыл бұрын

Terimakasih banyak pak dosen online ku 😍 sehat selalu, lancar rezekinya ❤

@akhyar.azamta Жыл бұрын

Alhamdulillah setelah sekian lama request, terimakasih pak dika, sehat selalu berkah ilmu nya lancar rezekinya, Aamiin🤩😇

@izzatmuzaki189 Жыл бұрын

Lanjut lagi pak Dhikaaa, ditunggu materi React selanjutnyaa 😍

@random_video2022 Жыл бұрын

Dosen Terkeren dengan penjelasan terbaik... DOSEN SEJUTA UMAT❤

@hanifahyulihandinipurbon5415 Жыл бұрын

wahhh akhirnya, nungguin bgt bahas react

@tibikids4465 11 ай бұрын

Terimakasih pa Dika .semoga bermanfaat dunia akhirat.amin

@ariyogilovers8285 Жыл бұрын

Akhirnya Framework React dibahas juga, makasih bg

@boybank2811 Жыл бұрын

bapak dosen melenial... terimakasih banyak atas ilmunya pak dosen...🙏

@albertchristian7969 Жыл бұрын

Seneng bngt pak sandi akhirnya share tutorial react. Sukses selalu pak Sandi

@KiyaAkansa 23 күн бұрын

Comment dlu baru nonton. Thanks kang shandika

@ramnug4542 Жыл бұрын

Masyaallah finally bapa ngeluarin react js juga ❤❤❤

@bbyboy4472 11 ай бұрын

tolonggg, ni dah tengah malem tp gamau berenti nonton karna asik bngt anjer 😭😭😭 padahal awalnya cmn iseng ajak klik videonya, tp ternyata penjelasannya asik dan mudah dipahami bngt

@agungramadhani8745 8 ай бұрын

love you pak dika, semoga semua video dapat menjadi amal jariya bapak. Terimakasih pak dikaa

@RianY2K Жыл бұрын

Wah akhirnya masuk juga ke react js, terima kasih banyak pak , ditunggu seri tutorial berikutnya

@keboon_ 7 ай бұрын

akhirnya pak dika buat tutorial react, terima kasih pak dika semoga makin sukses dan sehat selalu 🤲

@MariniSukamto 10 ай бұрын

Baca dokumentasi itu repotnya terkadang ketika belum selesai baca satu halaman, kita lihat Hyperlink di suatu paragraf misalnya "baca disini". Terus pas dibuka, ternyata masih banyak isinya dan ada Hyperlink lainnya

@user-ir8yt9eh1s Жыл бұрын

Mantaapppp 🎉🎉🎉 semangat pak dika, sikat sampe akar akarnya

@muhammadnajibabdulloh3145 Жыл бұрын

akhirnya rilis juga . makasih pak dhika, semoga menjadi amal jariyah bapak. Aamiin

@mmmmm-rn7zz 10 ай бұрын

terima kasih pak ilmunya, semoga berkah selalu

@psychomoba Жыл бұрын

Akhirnya muncul juga video reactnya😊

@mnofrizal Жыл бұрын

Alhamdulillah di idul adha ini ada yg bagi bagi daging (ilmu) gratis, terimakasih pak

@KodeDripp- Жыл бұрын

Berkah pak Ilmunya, Semoga di lanjutkan tutorialnya pak🙏

@user-tq4rp8ti3r 11 ай бұрын

Terimakasih banyak Pa Dhika, semoga diberikan kesehatan selalu buat bapak dan keluarga💕

@Nunu-gp8ir Жыл бұрын

pak plisss lanjuttt, ilmu bapak berharga banget buat saya dan mahasiswa lainnya

@wahyuadikusuma Жыл бұрын

akhirnya setelah penantian panjang pak Dhika bikin tutorial React! 🤩🤩🤩

@cygtrafolia1007 Жыл бұрын

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.

@dowoopdo Жыл бұрын

hatur nuhun sejumbo-jumbonya dan standing applause untuk pa dhika dan tim

@bisnisproduktif8221 Ай бұрын

Alhamdulillah keren pak Dika, dokumen tutorial penting tentang From JavaScript to React sempat terekam oleh pak Dika lewat video tutorial yang laling masuk akal ini. Per detik ini saya cek lagi halamannya sudah tidak ada di halamaan learn NextJS

@sannnn358 Жыл бұрын

Mantap akhirnya ada course react, Terimakasih pak dhika 😁

@devcore. Жыл бұрын

Mkin next ajh pk💖🚀

@dzikriarkannur4557 Жыл бұрын

Yang di tunggu2

@waltahh Жыл бұрын

akhirnya dibikinin juga tutorialnya

@ren4702 Жыл бұрын

Terimakasih pak dhika dari awal nonton tutorial html sekarang hasilnya udah bisa kerja dibanyak project 😊

@ahmadganteng7435 5 ай бұрын

This tutorial is GOLD.. Terima kasih banyak Pak Dhika

@bambangsugiarto2550 Жыл бұрын

Akhirnya yang ditunggu-tunggu. Terimakasih pak dhika

@yanuard7534 10 ай бұрын

Pak Sandhika tutorial favorit saya yang sangat berjasa sehingga saya bisa kembali mendapatkan pekerjaan setelah vakum 8 tahun 😊 Semoga sehat selalu buat Pak Sandhika, barakallaahu fiik 🙏

@ardiashtegar Жыл бұрын

Wihhh, yang ditunggu-tunggu

@FunQuizzy88 Жыл бұрын

Alhamdulillah akhirnyaaaa

@malchii4774 Жыл бұрын

Wahh the best akhirnyaaaa

@Silentico-gaming 9 ай бұрын

terima kasih banyak pak dhika atas ilmunya yg di berikan secara gratis , sukses selalu sehat selalu semoga lancar terus rejekinya aamiin

@tedipurwa8090 Жыл бұрын

Alhamdulillah, akhirnya, terimakasih pak Dhika...

@rikzaafnan8607 Жыл бұрын

yuk bisa yuk dilanjutkan lagi serinyaa hehehe

@inzaghiposumaalkahfi9650 Жыл бұрын

REQUEST : - Tutorial Unit Testing menggunakan Jest, Node/React, dan JavaScript/TypeScript. - Tutorial Build NPM Library Rollup menggunakan Node/React dan JavaScript/TypeScript.

@salampresso7204 Жыл бұрын

Andai Dosen Kuliah Q seperti ini, dalam menjelaskannya,, Semangat Pak Dika... Terima kasih Penjelasannya

@bangdel3725 Жыл бұрын

yg di tunggu" akhirnya keluar juga

@rediridwan8878 Жыл бұрын

ayo lanjutkan pak react tutorialnya, baru ngeuh nih beneran makasih pak ilmunya

@didirumapea6767 Жыл бұрын

wajib subrek, like dan jgn skip iklan

@stevanussurjadi Жыл бұрын

gak salah follow pak dosen satu ini. Bener-bener tutor sejati, yg selalu mengajar macam isi bahan bakar. -mulai dari nol-.

@icanmusic1703 Жыл бұрын

saya bisa ngoding karna pak dhika, semoga allah membalas kebaikan beliau

@iketutdivtasuryawan1602 Жыл бұрын

Yang ditunggu tungu

@muhamadrifkifauzi7481 Жыл бұрын

Menarik nih, ga sabar pgn ngikutin playlist nya

@ExusiaiSilverash-qr7ef Жыл бұрын

Saya pemula terus belajar react lewat dokumentasinya langsung, memang bener2 sulit 😂. Udah baca semua tutorialnya sampai Escape Hatches. Disitu banyak dijelasin konsep penting seperti Effect lifecycle, component lifecycle, perbedaan event dan effect, dll.

@danangjehan9733 11 ай бұрын

Terima kasih banyak sharing infonya, mohon dilanjut Tutorial reactnya :)

@irfanabdullah756 Жыл бұрын

semoga berkah selalu pak dika dan keluarga . terima kasih ilmunya .

@RolanArjan Жыл бұрын

meskipun terminologi yang dipakai asing bagi saya, tapi dengan analogi nya, pak Sandi telah membuat otak sy ini ngerti maksudnya gmna. makin senang dah belajar coding. semangat pak