REACT JS Web Pencari FILM Pake API Gratis - Dari 0

Tutorial react js frontend javascript membuat landing page pencarian website film sederhana, consume api untuk mendapatkan data film atau movies external tanpa menggunakan backend.
Untuk pemula dari 0 sampai jadi 1 projek portofolio tambahan.
2 fitur utama yaitu listing movies & search movies (pencarian list film) dari API gratis.
Hasil jadi website film gratis menggunakan react js:
deamoviemania.vercel.app/
Transfer DONASI: saweria.co/deaafrizal
Join this channel to get access to perks:
/ @deaafrizal
#programming #tutorial #coding
More About Me: linktr.ee/dea.afrizal
☕ Discord ☕
discord.io/cuyuniverse
🚀Tiktok @dea.afrizal / / dea.afrizal 🚀
IG: / dea.afrizal
=================
💌 Email (for business) 💌
dea.afrizal@icloud.com
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺

Пікірлер: 152

  • @don_zikii69
    @don_zikii699 ай бұрын

    setelah 5 bulan belajar mulai html,css,js. masuk belajar react dan sekarang mulai memahami, dan mulai nambah2 project belajar full react , entah kenapa gw masih seneng aja balik lagi ke chanel lu buat mengulang pemahaman lebih dalam, lo emng punya bakat jadi dosen programmer bro, makasih banyak kang

  • @jericko009

    @jericko009

    6 ай бұрын

    Bener bgt, bahkan penjelasannya lebih asik dan mudah dipahami dari dosen matkul frontend gw wkwk

  • @reontech8033
    @reontech8033 Жыл бұрын

    wih,, banyak" in bang konten kaya gini,, hehe. sambil praktek enak bgt,, apalagi langsung studi kasus kaya film gini,, mantab bener dahh,,,

  • @fleon6222
    @fleon6222 Жыл бұрын

    Mantap bang, banyakin lagi dong tutorial kek gini dengan tema yg lain ✨

  • @ilhamrifai3714
    @ilhamrifai3714 Жыл бұрын

    Mantap tutorial nya no error, saya kombinasi pake tailwind buat style nya

  • @dlusionnboy4891
    @dlusionnboy4891 Жыл бұрын

    horeeeee 🙌🙌🙌

  • @ewakode
    @ewakode Жыл бұрын

    Semangat berkarya untuk Indonesia 🔥🔥

  • @Sakatakai
    @Sakatakai Жыл бұрын

    ini yg gua tunggu2 tutor react js kwkw

  • @alexanderhorison8575
    @alexanderhorison8575 Жыл бұрын

    Brader Dea, mau tnya dong , itu di function searchMovies kn udah async dan await axios.... kenapa dipanggi lg di function search yang manggil searchMovies? kyk jadi double gitu.. atau emg ada alasan lain? Dan penggunaan hooks useEffect itu hanya diawal untuk fetch movie ya?? kalau si func search itu emg diluar gpp? Baru belajar nih Dea, gue lg nontonin turtorial2 dr lu haha. Mohon bantuan nya ya . Thank you

  • @aslaycr496
    @aslaycr496 Жыл бұрын

    Hadir nyimak,hanupis tutor na kang,mantap

  • @iqbalkurnia7238
    @iqbalkurnia7238 Жыл бұрын

    terima kasih atas ilmunya dan sukses selalu mas dea, jika boleh request tolong buatin tutorial react js login menggunakan jwt yang dapat refresh token 🙏...

  • @aslaycr496
    @aslaycr496 Жыл бұрын

    Hadir nyimak belajar pak DOSEN🙏🙏

  • @adrianrafly810
    @adrianrafly810 Жыл бұрын

    Makasih bang ilmunya. Abis makan siang langsung gaskeun

  • @bayuhendri8988
    @bayuhendri8988 Жыл бұрын

    gas , nambah portfolio baru , makasih bang

  • @kikukeii
    @kikukeii Жыл бұрын

    Kak buat tutorial bikin view kayak method MVC di react js dong 🙏

  • @reika6322
    @reika6322 Жыл бұрын

    Kalau mau nambahin fiture search tinggal ngasih useRef kan ya?

  • @pokemoon4012
    @pokemoon4012 Жыл бұрын

    Keren bang, langsung praktek

  • @99rifat86
    @99rifat86 Жыл бұрын

    Hadir kang

  • @PemulaCoding
    @PemulaCoding Жыл бұрын

    Niceee mang

  • @GamesOflife335
    @GamesOflife335 Жыл бұрын

    Goks bang

  • @TheTopenghitam
    @TheTopenghitam Жыл бұрын

    keren bang, thanks atas tutorialnya

  • @selamets9511
    @selamets9511 Жыл бұрын

    terimakasih baang buat tutorialnya

  • @kokokiki4698
    @kokokiki4698 Жыл бұрын

    Bang lalu agar bisa memplay video nya gimana?... tahapan berikutnya apa lagi bang mohon arahan dan bantuan nya bang terimakasih.....

  • @jordykhienata8975
    @jordykhienata8975 Жыл бұрын

    asik bahan belajar lagi nichhhh

  • @romadebrian
    @romadebrian Жыл бұрын

    mantab bang kebetulan saya lagi belajar ambil data gitu cuma kalo saya masih pakai fetch() blom pakai axios wkwkkwkw

  • @wawankurniawan-bi4wy
    @wawankurniawan-bi4wy7 ай бұрын

    bang cara ambil gambar kek thumbnil2 filim yg bebas copyright buat dihosting jg itu dimana ya bang

  • @EggiRH
    @EggiRH Жыл бұрын

    bang hosting nya pake apa project reactnya

  • @indratristia842
    @indratristia842 Жыл бұрын

    mantap 👌👌

  • @abdmaliksajid
    @abdmaliksajid Жыл бұрын

    gue belom bisa api bang, gue masih stuck di api nya , itu kita buat dulu ya... nah dikolom url itu kita kasih url apa?

  • @rafflimv
    @rafflimv Жыл бұрын

    bang inikan buatnya masih di lokal ya tapi si create api di apithemoviedb nya minta url link itu diisi apa ya?

  • @nmop2007
    @nmop2007 Жыл бұрын

    keren abis .... 👍

  • @aazis7739
    @aazis7739 Жыл бұрын

    Kerenn bangg

  • @BarrStrong
    @BarrStrong Жыл бұрын

    Coba buat input id ml bang buat ngecek nickname kaya di web² top up gitu kalo di input id-nya nnti kluar nickname nya

  • @enrycohidayat8800
    @enrycohidayat8800 Жыл бұрын

    ntabsssss

  • @nazarudinlatif233
    @nazarudinlatif233 Жыл бұрын

    kalo data table react pake apa bang ?

  • @dillowaserdogh
    @dillowaserdogh Жыл бұрын

    kang dea punya gout pas tes sesi ngonsume api di console nya keluar error Access XMLHttpRequest at bla bla blocked by cors

  • @coloringogames
    @coloringogames Жыл бұрын

    Bang itu cara buat className dengan cara .classname itu gimana ya nyettingnya?

  • @mrfull3146
    @mrfull3146 Жыл бұрын

    klo pake laravel 8 masih bisa lanjut ga bang?

  • @giashegy4939
    @giashegy493911 ай бұрын

    Bang env saya gk bisa terbaca di api.js nya, jdinya di console.log undefined, gimna ya bang cara mengatasinya?

  • @daily_football6574
    @daily_football6574 Жыл бұрын

    Bang ane make axios Napa uncaught System error : modul on top level yahh bang

  • @sampanly1993
    @sampanly1993 Жыл бұрын

    kang dea itu buat line kirinya berwarna warni spil pake extension VS Code apa ya?

  • @officialluckyone

    @officialluckyone

    Жыл бұрын

    indent-rainbow

  • @lux1870
    @lux1870 Жыл бұрын

    bang kalo reactjs pake jquery panggil API nya bisa ga?

  • @sobatsanskuy5555
    @sobatsanskuy5555 Жыл бұрын

    Bang Bikin Porto Polio Undangan Pernikahan Dari 0 sampai Selesai tuntas dan Mengirimkan Undangannya

  • @user-rk8vo7nq5z
    @user-rk8vo7nq5z8 ай бұрын

    kang bahas hls player atau videojs di react tks

  • @haraduni1062
    @haraduni10628 ай бұрын

    Bang,ini website pencarian film nya,filmnya bisa ditonton juga gak bang?

  • @mauleee1807
    @mauleee1807 Жыл бұрын

    a, next time kalo bikin tutorial... request tulisin tool apa aja yang di pake dideskripsi dong. ex : react, axios, redux, blaaa... blaa... blaa Thank you

  • @ghostghost5431

    @ghostghost5431

    Жыл бұрын

    nah bener ni, butuh stack yg dipake apa aja

  • @fzrahmadan
    @fzrahmadan Жыл бұрын

    mantap banget bang, next tutorial fullstack react laravel yang dipisah dong heheheheheh

  • @deaafrizal

    @deaafrizal

    Жыл бұрын

    sudah ada bro di cek aja yaa, namanya laract

  • @fzrahmadan

    @fzrahmadan

    Жыл бұрын

    @@deaafrizal mantap banggg

  • @tedyariadi7508
    @tedyariadi7508 Жыл бұрын

    Mantep Bang Dea Thanks Ilmunya Bang

  • @deaafrizal

    @deaafrizal

    Жыл бұрын

    masamaa ted 🤲🏻

  • @ricosam7903
    @ricosam7903 Жыл бұрын

    tutor nya 39 menit error nya 3 jam WKWKKW ty A dah works

  • @xb_diandra301
    @xb_diandra301 Жыл бұрын

    32:59

  • @westonwest
    @westonwest Жыл бұрын

    wkwkkwk DEA MOVIE MANIA 🤣

  • @rintikalambandung3345
    @rintikalambandung3345 Жыл бұрын

    A ini bisa dimonetize gak ya?

  • @ahmadnaufal2888
    @ahmadnaufal2888 Жыл бұрын

    Bang tutorial buat web Marketplace pake react js + vs code + remix ide ethereum

  • @rachelrfambarita6273
    @rachelrfambarita6273Ай бұрын

    react app token nya dapat dr mana bang, kenapa di blur

  • @dendinardiansyah8572
    @dendinardiansyah8572 Жыл бұрын

    bang kenapa kalo gua deploy ke github pages kok web nya ga muncul ya?

  • @ridhozulfikar2617
    @ridhozulfikar2617 Жыл бұрын

    Bisa dimasukan iklan ga bang :D ?

  • @novriantama6129
    @novriantama6129 Жыл бұрын

    Bang dea kalo search nya beda component,cara biar bisa muncul hasil nya di halaman card gimana ?

  • @ilhamrifai3714

    @ilhamrifai3714

    Жыл бұрын

    nah ini, saya taro search di Navbar, tapi ga bisa muncul beda component, upppp

  • @ricosam7903
    @ricosam7903 Жыл бұрын

    A kenapa pas saya upload ke vercel nge blank ya

  • @ahra7532
    @ahra7532 Жыл бұрын

    mantap nih buat di tambahin fitur (Nonton Film) di halaman beranda website pribadi wkwkw, entah knpa tertarik banget sama dunia IT, kuliah jurusan manajemen, tapi tiap malam selalu belajar coding🗿

  • @zainalmt9404

    @zainalmt9404

    Жыл бұрын

    Malah gua pengen gitu bang :), nanti kuliah mau ambil bisnis digital,manajemen tapi belajar nya it✨

  • @nicholaslim2814

    @nicholaslim2814

    Жыл бұрын

    gua lebih melenceng jurusan sastra tpi belajar coding hahahaXD

  • @tahirpriyambodo4938

    @tahirpriyambodo4938

    11 ай бұрын

    @@zainalmt9404 auto puyeng mas, gua aja it ogah ngoding dan tiap ngerjain project itu karena terpaksa walau pada kelar semua project gua, pengennya kerja ga ada kodingnya🤣

  • @34zackymausyaha.s82

    @34zackymausyaha.s82

    9 ай бұрын

    cara menampilkan film kyak di streaming2 film gitu gmna bang??buat projek sekolah ini hehe

  • @bagaspamungkas7135
    @bagaspamungkas7135 Жыл бұрын

    GG Bang

  • @achsmboh3047
    @achsmboh3047 Жыл бұрын

    Next pake api pokemont bang dea

  • @EkoAgustiawan
    @EkoAgustiawan5 ай бұрын

    bang dhea, di projectnya kok secara bawaan udah ada .env ya ? saya pake vite, pas saya buat sesuai tutorial ini, trs pass di panggil process tidak terdefensi. apa harus pake package dotenv ?

  • @deaafrizal

    @deaafrizal

    5 ай бұрын

    iya cona install dotenv nya dlu bray

  • @fadhlifajarsyahrpl1645
    @fadhlifajarsyahrpl164511 ай бұрын

    bang itu ganti format di mana

  • @yogihendrawan3991
    @yogihendrawan3991 Жыл бұрын

    0:19 kaget pas muka mas adam wkwkwk

  • @deaafrizal

    @deaafrizal

    Жыл бұрын

    yahhh salfok lu wkwk

  • @achmadfurqonrachmadie2006
    @achmadfurqonrachmadie20067 ай бұрын

    Den den den den😂

  • @adityarahman5550
    @adityarahman5550 Жыл бұрын

    bang pakai tema apa? keren warnanya

  • @Nandha60
    @Nandha60 Жыл бұрын

    bang yaallah padahal gua butuh deadline tescoding kemaren tgl 17 :)) lu update nya tgl 18 wkwkwkwk

  • @paisenmtvsky
    @paisenmtvsky Жыл бұрын

    keren bang, tinggal di praktekan doang nih omong-omong cuy university Semester 3 masih bakal lanjut kah bang? atau naik jadi Semester 4?

  • @deaafrizal

    @deaafrizal

    Жыл бұрын

    lanjut dongs pastinya, menunggu momentum dulu seperti biasa

  • @paisenmtvsky

    @paisenmtvsky

    Жыл бұрын

    @@deaafrizal siap bang, ditunggu

  • @eusford
    @eusford Жыл бұрын

    bg klo axios error itu gmn

  • @naonoa5346
    @naonoa5346 Жыл бұрын

    video nya cmn 40 menit kan yak nah aku ngikutin tutorial ini selesai 2 jam an wkwkwkwkw

  • @deaafrizal

    @deaafrizal

    Жыл бұрын

    wkwkwk good luck 🐱‍🏍

  • @arkanaaan0550
    @arkanaaan0550 Жыл бұрын

    Pulang soljum langsung belajar react

  • @deaafrizal

    @deaafrizal

    Жыл бұрын

    gasssss

  • @m.rifkipagani8401
    @m.rifkipagani8401 Жыл бұрын

    Bang saran bikin consume api pake recoil

  • @dedyeuy
    @dedyeuy Жыл бұрын

    tanya dong itu pakai extensions apa yah ? otomatis pas ketik .Movie-container enter ?, oh iya extension apa aja sih yg biasa dipakai bang ? #maapnubitol

  • @daffastack

    @daffastack

    Жыл бұрын

    bukannya itu emmet bawaan react js ya? configure dulu di menu bawah kanan vs code nya

  • @solanafox8065

    @solanafox8065

    Жыл бұрын

    Kalo Misal Belom diatur, Coba Filenya ekstensinya ubah jadi .jsx jangan .js

  • @chloroside9433
    @chloroside9433 Жыл бұрын

    cara daftar di api nya harus ada url website kita,.sedangkankan kita belum punya website itu gmnabng ?

  • @renebi234

    @renebi234

    Жыл бұрын

    Kak @Dea Afrizal mohon bantuannya kak🙏🏻

  • @songbox6811
    @songbox6811 Жыл бұрын

    bang, klo buat nambahin next page 1 , 2 , 3 dst gimana bang

  • @JriffYoutube
    @JriffYoutube Жыл бұрын

    mau nanya font di vscodenya apa bang?

  • @deaafrizal

    @deaafrizal

    Жыл бұрын

    jetbrains bro

  • @abdmaliksajid
    @abdmaliksajid Жыл бұрын

    gue stuck di tulisan atas bawahnya masih mepet sama garis

  • @fajriidza
    @fajriidzaАй бұрын

    di tab network keliatan dong apikey nya

  • @muzayyinjahidy8165
    @muzayyinjahidy8165 Жыл бұрын

    kang kalau blom ahli html, css, js,, trus lompat ke react bisa gak ??,,

  • @ghann5070

    @ghann5070

    Жыл бұрын

    Lebih baik jangan bang, gw juga nyesel lgsg lompat ke react padahal is dasar belum matang. Dan akhirnya milih balik lgi ke js dasar dan matengin

  • @parkerAmv

    @parkerAmv

    Жыл бұрын

    Ga bisa lah bang, minimal harus bisa ketiga itu dlu baru lanjut ke react

  • @dadanromadhan2123
    @dadanromadhan2123 Жыл бұрын

    bang nama snippetsnya apaan itu?

  • @muhammadadil8098
    @muhammadadil80983 ай бұрын

    12:07

  • @nurkamilumamb5741
    @nurkamilumamb5741 Жыл бұрын

    cara dapat apikey nya gimana bang

  • @vorzagaming3230
    @vorzagaming3230 Жыл бұрын

    gambar gak muncul bang.... aku coba gak pakai react, cuma pakai html dan gambar lain juga gak muncul... kenapa ya bang?

  • @vorzagaming3230

    @vorzagaming3230

    Жыл бұрын

    sudah bang, typo ternyata.. maap

  • @adrianusyogaprasetyo9822
    @adrianusyogaprasetyo982211 ай бұрын

    bang dea koding api punya saya gak bisa ngebaca process.env, emng file api harus 1 folder penempatannya sama .env ya biar kebaca?

  • @iwansetiawan-hy5xk

    @iwansetiawan-hy5xk

    11 ай бұрын

    sama nih kasusnya, udah solve kah bang ?

  • @winterchannel333

    @winterchannel333

    4 ай бұрын

    Saya udh install dotenv jg ga ada perubahan

  • @yanwardexuze4092

    @yanwardexuze4092

    4 ай бұрын

    @@winterchannel333 const baseurl = import.meta.env.REACT_APP_BASEURL; const apikey = import.meta.env.REACT_APP_APIKEY; pake cara itu bang klo vite,saya stuck di popularMovies nya undefined

  • @riohansonmanalu

    @riohansonmanalu

    Ай бұрын

    bisa pakai import.meta.env kalo pakai vite

  • @yogyyconst
    @yogyyconst Жыл бұрын

    react-app terlalu gede bang, apa perlu buat create-react-app tiap project baru

  • @deaafrizal

    @deaafrizal

    Жыл бұрын

    tidak perlu bro

  • @rohanarohana4474

    @rohanarohana4474

    Жыл бұрын

    Pake vite bang

  • @yogyyconst

    @yogyyconst

    Жыл бұрын

    @@deaafrizal berarti tinggal pindahin folder src aja ya

  • @yogyyconst

    @yogyyconst

    Жыл бұрын

    @@rohanarohana4474 ohh, oke oke. nanti gw coba

  • @AbdulFilm
    @AbdulFilm5 ай бұрын

    api.jsx:3 Uncaught ReferenceError: process is not defined at api.jsx:3:16 ada yg bisa bantu kalo gini knpa ya??

  • @ikhwanwiratama1228

    @ikhwanwiratama1228

    2 ай бұрын

    Diganti dari process.env menjadi import.meta.env, kemudian nama api key yang REACT_APP_APIKEY awalannya harus ditambahkan VITE, menjadi VITE_REACT_APP_APIKEY

  • @zooyaaa
    @zooyaaa Жыл бұрын

    Bang punya gwejh gaada file .env nya ? Tolong bantu siapapun yang ngerti

  • @tahirpriyambodo4938

    @tahirpriyambodo4938

    11 ай бұрын

    buat aja manual .env

  • @mayonice582
    @mayonice582 Жыл бұрын

    Request Version control lagi bang

  • @deaafrizal

    @deaafrizal

    Жыл бұрын

    dah ada di video sebelum ini, cek aja seputar kolaborasi 👍

  • @iyogans3822
    @iyogans3822 Жыл бұрын

    Rate limit maksudnya gimana a?

  • @googlestreetviewofficial

    @googlestreetviewofficial

    Жыл бұрын

    kamu nanya? kamu bertanya-tanya?

  • @pawronz

    @pawronz

    Жыл бұрын

    request api nya di batesin, misal rate limit 5/req per 1 minute atau buat SaaS yang free tier pasti ada rate limitnya jg. kalau berlebihan ada response error nya.. biasa buat di backend API itu salah satunya juga buat antisipasi bruteforce ,ddos dll, contoh simplenya pake library express rate limiter, untuk backend expressJS

  • @amriiqrasamudraal-fatihah9366
    @amriiqrasamudraal-fatihah9366 Жыл бұрын

    kok img nya not found ya ada yang bisa bantu?

  • @mhmdriduan.13

    @mhmdriduan.13

    Жыл бұрын

    sama nih bang

  • @mhmdriduan.13

    @mhmdriduan.13

    Жыл бұрын

    apa emg dari database nya ya?

  • @royyandisini
    @royyandisini Жыл бұрын

    bang di menit 7:38 itu ganti ke react pake apa bang?

  • @royyandisini

    @royyandisini

    Жыл бұрын

    solved thanks

  • @IzzanAbdul

    @IzzanAbdul

    11 ай бұрын

    caranya itu gimana ya bang?

  • @user-zf1uj9dl1i

    @user-zf1uj9dl1i

    5 ай бұрын

    @@IzzanAbdul coba cek status bar di bagian bawah VSCode. Di sebelah kanan status bar

  • @riohansonmanalu

    @riohansonmanalu

    Ай бұрын

    @@IzzanAbdul ctrl + shift + p trus ketik change language mode trus cari react, atau bisa pakai shortcut ctrl + k m

  • @samiun_kecil
    @samiun_kecil Жыл бұрын

    Bang mohon coba di kasih cache bang pake Map atau module supaya ketika dia di load gak terus menerus request ke API nya, kan jadi kasihan API nya bang jadi berat :)

  • @marioanjeliko5010

    @marioanjeliko5010

    Жыл бұрын

    betul atau pake react query udh ada nanggulangin cache pada query

  • @chloroside9433

    @chloroside9433

    Жыл бұрын

    itu cara sign up di ovie databasenya suruh pake url,kita kan blmm ada url jadi gimmana ya ?

  • @ilhamrifai3714

    @ilhamrifai3714

    Жыл бұрын

    @@chloroside9433 pake url local aja, cuma syarat doank

  • @chloroside9433
    @chloroside9433 Жыл бұрын

    Gambarnya ga mau muncul knpa ya,.urlnya udh sama padahal

  • @mhmdriduan.13

    @mhmdriduan.13

    Жыл бұрын

    gua juga sama bang

  • @mhmdriduan.13

    @mhmdriduan.13

    Жыл бұрын

    apa yg salah ya

  • @bennypakarti4656
    @bennypakarti4656 Жыл бұрын

    Bikin authorization bang

  • @amalhidayat7848
    @amalhidayat7848Ай бұрын

    Bang cara nyari api nya bang

  • @mofttach
    @mofttach Жыл бұрын

    Udah semi2 Jaksel ya skarang

  • @karepmu4901
    @karepmu49017 ай бұрын

    Penjelasannya terlalu cepat.

  • @AgitNaeta
    @AgitNaeta Жыл бұрын

    ududnya sangat peperepetan abang yg satu ini

  • @deaafrizal

    @deaafrizal

    Жыл бұрын

    makin pusing makin udud pak 😂

  • @mrfull3146
    @mrfull3146 Жыл бұрын

    klo pake laravel 8 masih bisa lanjut ga bang?

  • @hdm_vision
    @hdm_vision Жыл бұрын

    28:10