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....
Transfer DONASI: saweria.co/dea...
Join this channel to get access to perks:
/ @deaafrizal
#programming #tutorial #coding
More About Me: linktr.ee/dea....
☕ Discord ☕
discord.io/cuy...
🚀Tiktok @dea.afrizal / / dea.afrizal 🚀
IG: / dea.afrizal
=================
💌 Email (for business) 💌
[e-mail]
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺

[@don_zikii69]

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]

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

[@reontech8033]

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

[@fleon6222]

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

[@thepowerofkepepet992]

Cuy University adalah tempat belajar ngoding autodidak terstruktur. Makasih banyak bang atas ilmunya 🔥

[@ilhamrifai3714]

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

[@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]

nah bener ni, butuh stack yg dipake apa aja

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

[@Sakatakai]

ini yg gua tunggu2 tutor react js kwkw

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

[@royyandisini]

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

[@royyandisini]

solved thanks

[@IzzanAbdul]

caranya itu gimana ya bang?

[@user-zf1uj9dl1i]

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

[@riohansonmanalu]

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

[@kokokiki4698]

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

[@ardianwahyusaputra1717]

nice bang tutorialnya kucang cepat bang jadi saya pusing ngikutinya harusnya bisa lebih cepat lagi biar saya tambah pusing hehehe

[@sobatsanskuy5555]

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

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

[@kikukeii]

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

[@ewakode]

Semangat berkarya untuk Indonesia 🔥🔥

[@fzrahmadan]

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

[@deaafrizal]

sudah ada bro di cek aja yaa, namanya laract

[@fzrahmadan]

@@deaafrizal mantap banggg

[@adrianrafly810]

Makasih bang ilmunya. Abis makan siang langsung gaskeun

[@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]

lanjut dongs pastinya, menunggu momentum dulu seperti biasa

[@paisenmtvsky]

@@deaafrizal siap bang, ditunggu

[@gryzligaming5434]

bang, gua udah ngikutin dari awal tapi ko axios gua eror ya

[@reika6322]

Kalau mau nambahin fiture search tinggal ngasih useRef kan ya?

[@muhammadadil8098]

12:07

[@aslaycr496]

Hadir nyimak belajar pak DOSEN🙏🙏

[@xb_diandra301]

32:59

[@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?

[@ridhozulfikar2617]

Bisa dimasukan iklan ga bang :D ?

[@rafflimv]

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

[@yogihendrawan3991]

0:19 kaget pas muka mas adam wkwkwk

[@deaafrizal]

yahhh salfok lu wkwk

[@weirdo0fficial-f5d]

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

[@aslaycr496]

Hadir nyimak,hanupis tutor na kang,mantap

[@naonoa5346]

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

[@deaafrizal]

wkwkwk good luck 🐱‍🏍

[@giashegy4939]

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

[@romadebrian]

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

[@haraduni1062]

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

[@bayuhendri8988]

gas , nambah portfolio baru , makasih bang

[@dillowaserdogh]

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

[@EggiRH]

bang hosting nya pake apa project reactnya

[@wawankurniawan-bi4wy]

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

[@99rifat86]

Hadir kang

[@tedyariadi7508]

Mantep Bang Dea Thanks Ilmunya Bang

[@deaafrizal]

masamaa ted 🤲🏻

[@dlusionnboy4891]

horeeeee 🙌🙌🙌

[@dendinardiansyah8572]

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

[@rintikalambandung3345]

A ini bisa dimonetize gak ya?

[@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]

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

[@nicholaslim2814]

gua lebih melenceng jurusan sastra tpi belajar coding hahahaXD

[@tahirpriyambodo4938]

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

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

[@sampanly1993]

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

[@officialluckyone]

indent-rainbow

[@EkoAgustiawan]

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]

iya cona install dotenv nya dlu bray

[@ricosam7903]

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

[@AbdulFilm]

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

[@ikhwanwiratama1228]

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

[@selamets9511]

terimakasih baang buat tutorialnya

[@rachelrfambarita6273]

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

[@BayuHardian-ob3we]

sign to TMDB with account gmail

[@coloringogames]

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

[@TheTopenghitam]

keren bang, thanks atas tutorialnya

[@pokemoon4012]

Keren bang, langsung praktek

[@jordykhienata8975]

asik bahan belajar lagi nichhhh

[@ricosam7903]

A kenapa pas saya upload ke vercel nge blank ya

[@vorzagaming3230]

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

[@vorzagaming3230]

sudah bang, typo ternyata.. maap

[@abdmaliksajid]

gue stuck di tulisan atas bawahnya masih mepet sama garis

[@user-rk8vo7nq5z]

kang bahas hls player atau videojs di react tks

[@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]

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

[@Koko-e7c2g]

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

[@lux1870]

bang kalo reactjs pake jquery panggil API nya bisa ga?

[@chloroside9433]

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

[@renebi234]

Kak @Dea Afrizal mohon bantuannya kak🙏🏻

[@daily_football6574]

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

[@ChengLuPacil]

Pulang soljum langsung belajar react

[@deaafrizal]

gasssss

[@yogyyconst]

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

[@deaafrizal]

tidak perlu bro

[@rohanarohana4474]

Pake vite bang

[@yogyyconst]

@@deaafrizal berarti tinggal pindahin folder src aja ya

[@yogyyconst]

@@rohanarohana4474 ohh, oke oke. nanti gw coba

[@mrfull3146]

klo pake laravel 8 masih bisa lanjut ga bang?

[@GamesOflife335]

Goks bang

[@novriantama6129]

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

[@ilhamrifai3714]

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

[@JriffYoutube]

mau nanya font di vscodenya apa bang?

[@deaafrizal]

jetbrains bro

[@fajriidza]

di tab network keliatan dong apikey nya

[@adrianusyogaprasetyo9822]

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]

sama nih kasusnya, udah solve kah bang ?

[@winterchannel333]

Saya udh install dotenv jg ga ada perubahan

[@yanwardexuze4092]

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

bisa pakai import.meta.env kalo pakai vite

[@ahmadnaufal2888]

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

[@achsmboh3047]

Next pake api pokemont bang dea

[@amriiqrasamudraal-fatihah9366]

kok img nya not found ya ada yang bisa bantu?

[@mhmdriduan.13]

sama nih bang

[@mhmdriduan.13]

apa emg dari database nya ya?

[@nazarudinlatif233]

kalo data table react pake apa bang ?

[@nmop2007]

keren abis .... 👍

[@indratristia842]

mantap 👌👌

[@enrycohidayat8800]

ntabsssss

[@adityarahman5550]

bang pakai tema apa? keren warnanya

[@songbox6811]

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

[@PemulaCoding]

Niceee mang

[@fadhlifajarsyahrpl1645]

bang itu ganti format di mana

[@eusford]

bg klo axios error itu gmn

[@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]

betul atau pake react query udh ada nanggulangin cache pada query

[@chloroside9433]

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

[@ilhamrifai3714]

@@chloroside9433 pake url local aja, cuma syarat doank

[@dadanromadhan2123]

bang nama snippetsnya apaan itu?

[@achmadfurqonrachmadie2006]

Den den den den😂

[@nurkamilumamb5741]

cara dapat apikey nya gimana bang

[@mayonice582]

Request Version control lagi bang

[@deaafrizal]

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

[@muzayyinjahidy8165]

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

[@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]

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

[@aazis7739]

Kerenn bangg

[@m.rifkipagani8401]

Bang saran bikin consume api pake recoil

[@chloroside9433]

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

[@mhmdriduan.13]

gua juga sama bang

[@mhmdriduan.13]

apa yg salah ya

[@amalhidayat7848]

Bang cara nyari api nya bang

[@zooyaaa]

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

[@tahirpriyambodo4938]

buat aja manual .env

[@bagaspamungkas7135]

GG Bang

[@hdm_vision]

28:10

[@bennypakarti4656]

Bikin authorization bang

[@iyogans3822]

Rate limit maksudnya gimana a?

[@googlestreetviewofficial]

kamu nanya? kamu bertanya-tanya?

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

[@mofttach]

Udah semi2 Jaksel ya skarang

[@karepmu4901]

Penjelasannya terlalu cepat.

[@westonwest]

wkwkkwk DEA MOVIE MANIA 🤣