#3 Membuat Game TIC TAC TOE | Tutorial REACT "Paling Masuk Akal" untuk PEMULA 🤩🌐

Поділитися
Вставка
  • Опубліковано 5 січ 2025

КОМЕНТАРІ • 87

  • @mhaidarhanif
    @mhaidarhanif Рік тому +17

    Yoi mantap 👏 Konsep yang menarik di sini ada immutability dan time travel. Yang sejak dahulu kala pun sudah diperkenalkan di dokumentasi React versi sebelumnya. Dengan yang sekarang sudah lebih modern menggunakan function component dan React Developer Tools yang terbaru.

  • @gunzxx1723
    @gunzxx1723 Рік тому +35

    Buat yg ingin ngatasin bug ketika calculateWinner bisa coba ganti if nya jadi gini :
    if (squares[a] == squares[b] && squares[b] == squares[c]) {
    return squares[a];
    }
    😁👍🏻

    • @agribyChaniago
      @agribyChaniago Рік тому +2

      mantapp pantesan bingung kok gitu wkwkw

    • @latihancoding839
      @latihancoding839 7 місяців тому

      thanks, pantes agak bingung disini

    • @rafinurromadhon6905
      @rafinurromadhon6905 5 місяців тому

      nah ini lebih masuk akal, soalnya yang divideo agak laen wkwkwk

    • @mirzamaulana776
      @mirzamaulana776 4 місяці тому

      MANTAP MAS, PANTES ADA BUG PAS NYOBA :v

    • @farhanari554
      @farhanari554 4 місяці тому +2

      Masih ada bug itu klo pake kombinasi yang lain. kayak dari milih x o nya dari bawah dengan 2 baris aja nanti x paling bawah 3 trus o di baris yang tengah 3 jadi blom jalan winnernya. baru jalannya pas mencet sekali lagi random ke baris paling atas. Jadi mending gini
      squares[a] && squares[a] === squares[b] && squares[a] === squares[c]

  • @samyutomo
    @samyutomo Рік тому +6

    1:10:10 “Genap itu pasti X, ganjil pasti Y” ucapan Pak Dhika typo tapi crew nya teliti mengoreksi. Mantap! Terima kasih Pak Dhika and the crew untuk ilmu dan video pembelajaran yg berkualitas. Sukses selalu! 👍🏼🙏🏼

  • @hendrakusuma2026
    @hendrakusuma2026 Рік тому

    MasyaAllah., ilmunya mantab sekali mas Dika., Jazakallah Khairan

  • @riskyablasa5231
    @riskyablasa5231 Рік тому +1

    Pak dika logikanya kuat banget. Jam terbang tinggi pasti

  • @santaiaja_Lah
    @santaiaja_Lah Рік тому

    Keren pak, kemarin sudah live langsung upload playlist nya react

  • @luthfiyyahamari7464
    @luthfiyyahamari7464 Рік тому

    Terima kasiiii banyaakkk paakk dhikaa atas videonyaa...

  • @wildaannn
    @wildaannn 25 днів тому

    terimakasih pak dhika, semoga react saya makin mateng :)

  • @mirfanarfah3493
    @mirfanarfah3493 Рік тому +12

    logika cek winnernya masih ngebug pak... Coba kondisinya ['x' ,'x', 'o', 'o', null, null, null, null, null] returnnya jadi 'x'....

    • @bayual01
      @bayual01 Рік тому

      Nah bener

    • @gunzxx1723
      @gunzxx1723 Рік тому +5

      ganti if nya jadi gini :
      if (squares[a] == squares[b] && squares[b] == squares[c]) {
      return squares[a];
      }

    • @016_vickypratamasetiamahar7
      @016_vickypratamasetiamahar7 Рік тому +1

      @@gunzxx1723 betul bang, aq ganti gini baru sesuai ekspektasi

    • @muhammadnadhar4794
      @muhammadnadhar4794 4 місяці тому

      ​@@gunzxx1723 boleh tau kenapa gini ya bg

  • @44_ShofiNurulAini
    @44_ShofiNurulAini 3 місяці тому

    Terima kasih banyak Pak dhika

  • @genshin1593
    @genshin1593 7 місяців тому

    function jumpTo(nextMove) {
    setCurrentMove(nextMove);
    nextMove == 0 ? setHistory([Array(9).fill(null)]) : false;
    }
    untuk gamenya bisa restart semua nya ke awal bisa pake ini

  • @gemamaulana7065
    @gemamaulana7065 Рік тому

    Senang rasanya belajar react Pak, kalau boleh request buat Company profile kombinasi antara react dengan bootsrap pak 😇

  • @kuntowicaksono5078
    @kuntowicaksono5078 5 місяців тому

    mantab bgggg

  • @ibankproduction7190
    @ibankproduction7190 10 місяців тому

    mantap pak

  • @aufarafiki7762
    @aufarafiki7762 Рік тому

    selanjutnya mohon berikan tutorial mengelola web yang multipage pak hehe, sekalian lengkap dengan backend tipis-tipisnya serta menggunakan vite.js pak xixi..🙏🙏

  • @hendrakusuma2026
    @hendrakusuma2026 Рік тому

    baru nih makin puyeng belajar bikin tic tac toe., ya Allah., moga bisa

    • @irfanarifin4638
      @irfanarifin4638 5 місяців тому +1

      info skrg bg udah sampe mana belajarnya, saya baru disini dan udah puyeng banget;)

    • @hendrakusuma2026
      @hendrakusuma2026 5 місяців тому

      @@irfanarifin4638 kalo puyeng bisa dibantu chat gpt aja mas.. Sekarang lagi mendalami laravel ini saya

  • @DavisElizabeth-kh9di
    @DavisElizabeth-kh9di Рік тому

    mantap bang gas terus jngan kasih loyo xixixii

  • @ahmadazizfauzi_teknikinfor4796

    Selamat malam pak Dhika, terimakasih atas video2 nya yang bermanfaat hehe.
    Izin request materi pak Dhika kalau boleh😅
    Mungkin bisa dibuatkan mengenai program pembuatan projek html css JS kecil-kecilan buat pemula, kaya pembuatan kalkulator, penghitung mundur, to-do list, atau semacamnya. Projek yang sering disinggung tapi udah nonton tutorial-tutorial belum paham secara detail. Jujur soalnya penjelasan dari Pak Dhika memang paling mudah saya pahami, terutama sebagai pemula
    😀

  • @fajarnasrulloh8266
    @fajarnasrulloh8266 Рік тому

    terimakasih pak sandhika

  • @WakJezz
    @WakJezz Рік тому +1

    Akhirnya kepake juga membernya.. Wakakakakaka..

  • @alfarabyindra
    @alfarabyindra Рік тому

    Lanjutkan pak dhika👍

  • @ludgeralvurza1090
    @ludgeralvurza1090 Рік тому +1

    Pak coba tutor langsung react JS dengan mengcombinasikan dengan Back end nya pak terimakasih

  • @xerom007
    @xerom007 Рік тому +1

    assalamu'alaikum pak dhika, terimakasih semua video" nya sangan membantu saya saat membuat website pribadi saya :)
    kalau boleh izin request materi soal PWA ( progressive web app ). saya sudah cari referensi di banyak tempat tapi gk paham", cuma di channel ini saya cepet paham 😊, sukses terus pak dhika 👍

    • @animeclip7266
      @animeclip7266 Рік тому

      nama playlistnya di channel pa dika apa kak?

  • @yudhibk911
    @yudhibk911 Рік тому

    kalo saya liat dari codingannya alur trigger untuk ganti squaresnya itu
    click squares > onplay running handleplay > handleplay setup moves dan history > (useState berjalan?) mengganti si squares di board > terus oper value squares dari Game() ke Board() > Board() ngerubah semua value di square
    berarti kalo kita setState yang memakai useState itu selalu ngetrigger parent functionnya kah? dan setiap kita return inisialisasi komponen, itu otomatis juga menjalankan fungsi komponen tersebut yah?
    saya masih pake vanilla js, jadi saya agak bingung sama alur react ini...

  • @muhammaddanihaikal
    @muhammaddanihaikal Рік тому +1

    trima kasih untuk ilmunya pa,
    tapi mohon maaf pa, untuk pembagian chapter pada video ini belum ada yah?

  • @F_F996
    @F_F996 Рік тому +1

    Bang, coba bikin tutorial AWS Cloud Computing🙏.Terimakasih🙏

  • @ibarhuttaqi5511
    @ibarhuttaqi5511 11 місяців тому +7

    pas mulai masuk ke time travel pusing banget Pak ;(

  • @m.a.h.1505
    @m.a.h.1505 Рік тому

    Pak dhika request materi tentang python😇🙏🏻

  • @MrGunkbram
    @MrGunkbram 6 місяців тому

    Kak, bikinin react yg bsa sambunhkan ke database untuk CRUD beserta bikin dashboard nya kak, please🙏

  • @gabrielpadma5446
    @gabrielpadma5446 Рік тому

    mantap pusing pak,masih agak bingung sama konsep state sama lifting state up nya 😂

    • @sandhikagalihWPU
      @sandhikagalihWPU  Рік тому +1

      Episode berikut akan kita pake lagi konsepnya, mudah2an tambah paham.. gas terus dulu aja! 💪🏻😁

  • @haniramadhan678
    @haniramadhan678 Рік тому

    Mantappp.. Member jg dong

  • @tuangkarombang5315
    @tuangkarombang5315 Рік тому +6

    Di tahap pembuatan Timetravelnya nge blank sy pak😂🙏

    • @muhammadnadhar4794
      @muhammadnadhar4794 4 місяці тому

      Wkwk aku aja di calculateWinner() duluan nge blank 🗿

  • @WiryaSoedibjo
    @WiryaSoedibjo Рік тому

    ​hooh ngudud lah

  • @RheaVlog
    @RheaVlog Рік тому

    pertamax .... eh ... nyimak member only ...

  • @zenqy2592
    @zenqy2592 Рік тому

    kalau misal ingin memisahkan componentnya ke folder component berdasar function misal func Board() gitu, itu apa aja yang harus di ubah pak? gak mungkin kan cuman copas ke file component baru?

  • @wowowkecil
    @wowowkecil Рік тому

    mantap

  • @ReinalddyAldy
    @ReinalddyAldy Рік тому

    azeek hehe

  • @Iskael
    @Iskael Рік тому +1

    yang sekarang sih web nya lebih enak dibanding awal belajar react 2018 lalu

  • @rizalahmad7427
    @rizalahmad7427 Рік тому

    Pak... Ngobar web kedai kopinya kapan dilanjutin...?? 😁

  • @paintendo1251
    @paintendo1251 Рік тому

    ditunggu yang pakai typescript nya pak

  • @WhyNot-fp6cv
    @WhyNot-fp6cv Рік тому

    Tutor basic routes dll ny gk ad pembahasan ya.

  • @rafinurromadhon6905
    @rafinurromadhon6905 5 місяців тому

    punya saya ada error TypeError: squares.slice is not a function di sini gimana ya?

  • @Giburozu
    @Giburozu Рік тому +1

    Lanjut MERN pakkk😂😅

  • @PriangrizkiNabawisyeh
    @PriangrizkiNabawisyeh Рік тому +1

    Assalamu'alaikum pak dika, alhamdulillah saya sedang menyelesaikan playlist Js lanjutan, juga sudha menyelesaikan DOM playlist. Selanjutnya Apakah masih bagus untuk belajar Stack Mevn, dan Vue js untuk front end nya juga Jquery
    Terimakasih, sehat selalu guru kesayangan

    • @miguelemmara5046
      @miguelemmara5046 Рік тому

      menurut ku fokus ke 1 aja dulu bro, MERN stack skrg lbh populer, kalo udh bisa kuasai 1 juga gampang learning new tech stack

  • @WiryaSoedibjo
    @WiryaSoedibjo Рік тому

    salam dri afrika bang

  • @yuliarahma1300
    @yuliarahma1300 Рік тому

    jangan lupa bahas yg lagi hot pak, livewireV3 + Filament Admin, terima kasih.

  • @denzuko743
    @denzuko743 6 місяців тому

    puyeng pak. tapi semoga bisa

  • @pacific6933
    @pacific6933 Рік тому

    😊😊

  • @andrihamdaniharahap5795
    @andrihamdaniharahap5795 Рік тому

    Izin bertanya bang, apakah kalau kita melihat source kode dari game slot misalnya Olympic Gates atau Zeus, dan apabila kita bisa tahu koding daripada HTML kita bisa melihat putaran selanjutnya, atau mungkin tidak bisa karena dicoding dengan base64,
    Izin bertanya bang

    • @akamarusensei7029
      @akamarusensei7029 Рік тому

      Logika dari situs spt itu berada di server bng. Jadi browser mengirim perintah "spin" ke server, lalu server merespon dengan mengirim data hasil spinnya, terus browser menerima data tersebut untuk selanjutnya ditampilkan di layar. Dan hampir mustahil melihat source code milik server.

  • @xb_diandra301
    @xb_diandra301 10 місяців тому

    48:05

  • @rikaraniii
    @rikaraniii Рік тому

    maaf telat pak

  • @nugraharahmat7360
    @nugraharahmat7360 9 місяців тому

    Pak kok punya saya ketika sudah ada yang menang malah hilang

  • @yogiyendri
    @yogiyendri Рік тому

    absen, maaf telat nonton

  • @ryushei4257
    @ryushei4257 Рік тому +1

    kalo seri pemenangnya pasti O bukan?
    walaupun misalnya jumlah X nya lebih banyak dalam kotak seperti dibawah ini:
    O X
    XOO
    X X

  • @alvinrachmanseptian4126
    @alvinrachmanseptian4126 Рік тому

    mau tanya, useState itu artinya apa ya?

  • @clwbola4826
    @clwbola4826 Рік тому +1

    apa cuma aku yg ngikutin tutor ini berhari2 bahkan berminggu2 biar faham

  • @rezapahlevi1166
    @rezapahlevi1166 Рік тому

    Like dulu

  • @WiryaSoedibjo
    @WiryaSoedibjo Рік тому

    zeus lagi bagus

  • @andra7050
    @andra7050 Рік тому +1

    Mesti ditonton berapa kali ya? Otak gua ngang ngong doang nih

  • @WiryaSoedibjo
    @WiryaSoedibjo Рік тому

    ​JANGAN GANTI CENTANG BANG KALO MAU BUY

  • @pacific6933
    @pacific6933 Рік тому

    Mmmm

  • @WiryaSoedibjo
    @WiryaSoedibjo Рік тому

    ​tutor wede 150jt dalam sejam

  • @Kwaii
    @Kwaii Рік тому +1

    Kasih Socket jadi multi player nih Haahaha

    • @sandhikagalihWPU
      @sandhikagalihWPU  Рік тому +1

      bikin Kwaii!!

    • @Kwaii
      @Kwaii Рік тому

      @@sandhikagalihWPU Kalau gabut aja pak biar jadi project gabut

    • @bayual01
      @bayual01 Рік тому

      ​@@sandhikagalihWPUpak belum diupload ke github ya