🔴 Let's Build the Netflix App in React Native & AWS Amplify (Tutorial for Beginners)

2024 ж. 26 Сәу.
541 244 Рет қаралды

In this series, we are going to build the Netflix mobile app from scratch using React Native and AWS Amplify.
👇 Install Expo to follow along. This video is sponsored by Expo
bit.ly/vadim-expo
This is a great and fun opportunity to learn and practice hybrid mobile development with React Native and AWS Amplify for everyone, from beginners to professionals. Let's learn together 📖💡
Building the Netflix AI Recommendation System with Supabase • Netflix AI Recommendat...
❗Try our FREE 4-day Masterclass on notJust.Academy:
assets.notjust.dev/masterclass
✨ Asset Bundle: assets.notjust.dev/netflix
⌨️ Source code: github.com/Savinvadim1312/Net...
📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev! Check out what our successful students are saying about their experience:
academy.notjust.dev
💬 Join the notJust Development gang and let's build together:
Twitter: / vadimnotjustdev
Instagram: / vadimnotjustdev
Facebook: / notjustdev
LinkedIn: / vadimsavin
Discord: / discord
Timecodes:
00:00 Intro
05:48 Prerequisites
10:00 Init the Expo project
14:30 Setup Bottom Tab Navigator
34:23 Home Screen: Render Movie Poster Image
51:50 Home Screen: Render a list of movies (FlatList)
1:00:00 Home Category Component
1:20:30 Movie Details Screen
2:10:31 Episode component
2:28:38 Render the list of episodes
2:34:49 Season Dropdown Picker
2:51:06 Video Player
3:42:01 Q&A
#notjustdev #reactnative #aws

Пікірлер
  • Great work, Vadim! Really enjoy your tutorials. Many thanks.

    @bkosimi@bkosimi Жыл бұрын
  • @Vadim Savin Thanks for the great content. One question to ask, How to customise the video player UI? The UI shown is not implemented.

    @samk1681@samk16813 жыл бұрын
  • Good content, Thank you. just FYI 3:16:37 you can put the value 'default' for auto orientation. "orientation":"default".

    @shubhamprakash2331@shubhamprakash23313 жыл бұрын
  • your work give us confidence towards react native development app

    @techweb9982@techweb9982 Жыл бұрын
  • Great Work Vadim 👍🏽👌🏽 Really good content

    @idris1583@idris15833 жыл бұрын
    • Thank you so much 😀

      @notjustdev@notjustdev3 жыл бұрын
  • Good work. I will try it as soon as possible. Thank you Vadim.

    @yasinozlulerden4326@yasinozlulerden43263 жыл бұрын
    • Good luck

      @notjustdev@notjustdev3 жыл бұрын
  • Seus vídeos me inspiram! obrigado!

    @dicassaudavel347@dicassaudavel3472 жыл бұрын
  • hey that was a great tutorial, but I think there's some issue in expo-av. if I try playing videos in a playlist manner as you did episode wise. after 3-4 videos it wont render new videos. Did you face that issue in your app any point?...just curious.

    @GauravMishra0509@GauravMishra05092 жыл бұрын
  • Hello Vadim. Your videos help a lot. I am kinda curious to know whether we can integrate machine learning recommendation system to suggest the data to the user. Please make a tutorial on this as well. It would be of great help

    @abhishekbadoni235@abhishekbadoni2353 жыл бұрын
    • That's a good idea, thanks.

      @notjustdev@notjustdev3 жыл бұрын
    • 😊p😊😊😊p😊😊p😊😅😊😅😊😊😊😅😅😅😊😅😅

      @alhadiibrahim1195@alhadiibrahim11955 ай бұрын
  • Isso realmente é fora do normal, parabéns pelo canal

    @edsonsantos9659@edsonsantos96592 жыл бұрын
    • Posts RSS

      @luozo9167@luozo91672 жыл бұрын
  • I really like your smile, it makes me feel that the world is really beautiful. I hope you will always be happy!

    @qingyuanguan@qingyuanguan14 күн бұрын
    • Aww, that's so nice of you, thank you 🙌

      @notjustdev@notjustdev7 күн бұрын
  • What a wonderful video. thank you vadim

    @uchennajude4775@uchennajude47753 жыл бұрын
    • Glad you enjoyed it

      @notjustdev@notjustdev3 жыл бұрын
  • Have you similar video for React desktop with video on s3?

    @bgbeppe1@bgbeppe17 ай бұрын
  • Hi, I really like your teaching style. One ask on my side, would it be possible to do a video on how to customize a third party mobile app clone(how to buy/download a clone from the web, and how to customize it by adding different functionalities in order to fit your need)?

    @georgebulimar5247@georgebulimar52473 жыл бұрын
    • Thanks

      @notjustdev@notjustdev3 жыл бұрын
  • Why the heck does this guy has few subscribers, he deserves more!!!

    @geneartista9714@geneartista97142 жыл бұрын
    • Listen to Gene, he/she knows what is speaking about

      @notjustdev@notjustdev2 жыл бұрын
    • @@notjustdev HAHA!!! I listened to Gene. I subscribed! Great channel.

      @nicklansbury3166@nicklansbury31662 жыл бұрын
    • @@nicklansbury3166 Me too.

      @kipngenokevin@kipngenokevin Жыл бұрын
  • your content is EXTREMELY GOOD

    @GarTheStar@GarTheStar3 жыл бұрын
    • Thanks

      @notjustdev@notjustdev3 жыл бұрын
  • Thank you so much ❤️❤️

    @chumchantha1745@chumchantha17452 жыл бұрын
  • What about adding the download feature in the next video with the payment page and the security without payment

    @michael-shakaikhanoba9810@michael-shakaikhanoba98103 жыл бұрын
  • Hi Vadim, Nice tutorial I really appreciate it. Can you also put a tutorial about a small online store application in expo with payment integration and all the related stuff?

    @HumbleHustle101@HumbleHustle1013 жыл бұрын
    • Great suggestion!

      @notjustdev@notjustdev3 жыл бұрын
  • Great Work Vadim 👍🏽👌🏽

    @mollyfinch3543@mollyfinch3543 Жыл бұрын
  • Thanks a lot bro, can u cover for payment intergration, maybe with paypal

    @cubedev4838@cubedev48383 жыл бұрын
  • Best free tutorial on the planet

    @polydetpenh4180@polydetpenh41803 жыл бұрын
  • Installed XT9 AX7800 pair with no trouble and am delighted with it. Bought a second pair of XT9's and can't get them to synch with the first pair. Can anyone please tell me the secret of adding a thiird and fourth units? Thanks Fred

    @fredcherney603@fredcherney603Ай бұрын
  • You're the best!!!!

    @joshuacharley1431@joshuacharley14313 жыл бұрын
  • Hey Vadim, thanks for your videos, really worthy! You mentioned "build the Netflix mobile app from scratch using React Native and AWS Amplify", do you think we should create new code beside for desktop and laptop ?

    @abderrahimboussetta6569@abderrahimboussetta65692 жыл бұрын
    • Very good question I think that will be more effective

      @SinghatehAlagie@SinghatehAlagie2 жыл бұрын
  • Hello, I have just started my project, I have imported the tab project files as in the video but the structure of my code is different from the one shown in the video, why?

    @nxvrmore@nxvrmore2 жыл бұрын
  • Can you tell why video is not playing after adding poster through posterSource and usePoster? Its playing after I remove these two props. An answer will be helpful !

    @aliibraheem5713@aliibraheem57132 жыл бұрын
  • Good content !! thank you :)

    @ciroamore2129@ciroamore21293 жыл бұрын
    • Glad you liked it!

      @notjustdev@notjustdev3 жыл бұрын
  • You are amazing bro. ❤️

    @sagarchavan973@sagarchavan9732 жыл бұрын
  • To curtindo muito esses vídeos

    @dicasdeaudiovisual3576@dicasdeaudiovisual35762 жыл бұрын
  • Top G of RN i love your content

    @jm-ye1bv@jm-ye1bv6 ай бұрын
  • Amazing tutorial

    @hillstudios1@hillstudios12 жыл бұрын
  • thank you !!

    @esotomay21@esotomay213 жыл бұрын
    • You're welcome!

      @notjustdev@notjustdev3 жыл бұрын
  • Bro I totally love you

    @michael-shakaikhanoba9810@michael-shakaikhanoba98103 жыл бұрын
  • Dude, great work

    @infoguide5811@infoguide5811 Жыл бұрын
  • 2:14 one of the funniest things. but true

    @ayushjain1887@ayushjain1887 Жыл бұрын
  • thanks, i liked it

    @adamkusmierz4585@adamkusmierz45852 жыл бұрын
  • Thank you for making this video! American English speaker here: You should emphasize the first syllable of the word "category", as if you are saying the words "cat - a - gory" I looked up at my screen and was like, "ooooh he's saying category!" Again, thank you for your work! Liked and subscribed!

    @everettmusicdojo@everettmusicdojo3 жыл бұрын
    • smd

      @thankgodforE@thankgodforE2 жыл бұрын
  • Sir when the subscription partis coming... For this app.

    @surajali1236@surajali12362 жыл бұрын
  • Good vid Vadim. Privjet

    @FitnessChaos@FitnessChaos3 жыл бұрын
  • Hoping someone can answer this lol. Can you publish this application to expo go even with the backend and everything implemented?

    @MrRootbeer777@MrRootbeer777 Жыл бұрын
  • Nice job! When the backend configuration starts?

    @abdullahalnutayfi8103@abdullahalnutayfi8103 Жыл бұрын
    • it's already, you can search on his chanel

      @NamLe-sl4qy@NamLe-sl4qy Жыл бұрын
  • Bro do we need to learn AWS amplify and graphql from basic

    @abdulragib6004@abdulragib600411 ай бұрын
  • That good video bro, I'm from VietNam

    @nguyenlee6934@nguyenlee69343 жыл бұрын
  • Dude, you rock! I'm a senior React (Native?) dev and I found your videos as a great intro into aws! Can you recommend what can be used in aws for podcasting, video hosting solution? И ещё слово categories имеет ударение на первый слог ;)

    @JohnArcher888@JohnArcher8883 жыл бұрын
    • Thanks buddy! For video/audio hosting you don’t have a lot of options, go with s3. The interesting part is processing the videos. For it, you can use AWS Media Convert, or other alternative. Have a look at these services: aws.amazon.com/media-services/ Regarding “categories” my whole life was a lie. It will be hard to start pronouncing it correctly

      @notjustdev@notjustdev3 жыл бұрын
    • ىىى رىى ىىى ىىبر ىccccc cx xccccccc cxc cccccccc

      @user-me2qy7fs6f@user-me2qy7fs6f7 ай бұрын
    • ىى. ىى ىىىىىىىى. ىىىىب ىىىىىىىى ىىرىىىىىى. ىىىىىىىىىى ىىىىىىرىىىى ىىىىىىىىىىىىىىىىىىىى. ىىىىىىى. ىىىىىىىىىىىىىىىىىىىىىىى. ىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىى ىىىىى ىىغ ىىرىىىىىى. ىىىىىىى ىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىى. قر ررىىى رىىىىىىرىىىىىىىىىىىىىى ىى ىىىىىىىى. رىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىى ررىىىىرىررىىىىىىىىرىىىىىىىى

      @user-me2qy7fs6f@user-me2qy7fs6f7 ай бұрын
  • What about adding the download feature

    @ParasAppegic@ParasAppegic Жыл бұрын
  • Top demais esse vídeo

    @msousa3976@msousa39762 жыл бұрын
  • 2:33:55 You guys can set flex: 1 to View that's the parent of Flatlist

    @NamLe-sl4qy@NamLe-sl4qy Жыл бұрын
  • hello. what are your vscode theme and icon extensions?

    @codewithsait@codewithsait3 жыл бұрын
    • Community Material Theme Material THeme Icons

      @notjustdev@notjustdev3 жыл бұрын
  • Hi - Will you be interested to work on a Video streaming app project ?

    @SumantaSarkarUK@SumantaSarkarUK2 жыл бұрын
  • Aí, isso sim é um conteúdo bom.

    @joseoliveirasilva1660@joseoliveirasilva16602 жыл бұрын
  • 👇 Install Expo to follow along. This video is sponsored by Expo: bit.ly/vadim-expo​ 📚 Enroll in "The Full-stack Mobile Developer" and become a 6-figure dev in 2021: academy.notjust.dev/ 🎒 Download the Asset Bundle: assets.notjust.dev/netflix

    @notjustdev@notjustdev3 жыл бұрын
    • Thank you for the good content! but when I click "Download Asset Bundle" in the email, it only links to the PDF file. Could you check ?

      @Kyeongyeon@Kyeongyeon3 жыл бұрын
    • @@Kyeongyeon Thanks for mentioning, I have updated now the assets to include everything

      @notjustdev@notjustdev3 жыл бұрын
    • @@notjustdev Thank you!

      @Kyeongyeon@Kyeongyeon3 жыл бұрын
  • VadimHow can I download the version of that template? :(

    @davidforero2229@davidforero22292 жыл бұрын
  • Hey! I am a no experience with React Native coder, and by me there is a bug at line 1 of the BottomTabNavigation. He can't find "expo" and "vector". Could you help me? :)

    @thebugcoder3391@thebugcoder33913 жыл бұрын
    • Sorry!!! I figured it out! :D

      @thebugcoder3391@thebugcoder33913 жыл бұрын
  • Nice tutorial but, can't find bottomtagnavigator.

    @mujeebolagunju6487@mujeebolagunju6487 Жыл бұрын
  • please make one video on zomato clone using react native and expo

    @shamikalanjwal7684@shamikalanjwal76842 жыл бұрын
  • Can you please make some video series using Nodejs Mongodb and react native?

    @okeyshourovroy2769@okeyshourovroy27693 жыл бұрын
    • Will do, will do

      @notjustdev@notjustdev3 жыл бұрын
    • @@notjustdev да, было бы круто!)

      @RadCor@RadCor3 жыл бұрын
  • awesome

    @mahonealex4615@mahonealex46152 жыл бұрын
  • Where exactly are you using AWS to read the list from the database? I see that you just use a local JSON list locally stored.

    @saintazur@saintazur2 жыл бұрын
    • Check the second episode. We implement the backend there

      @notjustdev@notjustdev2 жыл бұрын
    • @@notjustdev Ah Cool, I will

      @saintazur@saintazur2 жыл бұрын
  • When i use poster, i can't play video.How to fix? Help me!

    @saker9696@saker96963 жыл бұрын
    • click to the bottom of image

      @NamLe-sl4qy@NamLe-sl4qy Жыл бұрын
  • Hello, I don't have any knowledge about AWS amplify. So in that case can I follow this tutorial?

    @tanveerulhoque6803@tanveerulhoque68033 жыл бұрын
    • Yes, you can learn it along the way

      @notjustdev@notjustdev3 жыл бұрын
    • Thanks @@notjustdev for all of your effort. Just love your content

      @tanveerulhoque6803@tanveerulhoque68033 жыл бұрын
  • Спасибо

    @Ivan__Petrovich@Ivan__Petrovich10 ай бұрын
  • Meeeegaaa! Thanks a lot, Vadim.

    @stefano6074@stefano60743 жыл бұрын
  • Hello Vadim, I need that video downlaod and play function , I don't know how to do, please give me a sample, or teach something, thanks a lot!

    @weidong5806@weidong58062 жыл бұрын
    • I use expo-filesystem to download video but , I don't known how to play the video after downloaded.

      @weidong5806@weidong58062 жыл бұрын
  • where is the second video ?

    @satyak1337@satyak1337 Жыл бұрын
  • Someone asked invalid question: difficult to find the component file bcs of index.tsx Just find the component name bcs you declared it in that index😂

    @fanirianto8468@fanirianto8468Ай бұрын
  • payment integration with stripe

    @michael-shakaikhanoba9810@michael-shakaikhanoba98103 жыл бұрын
  • rnfe === react native functional export default

    @chiragkushwaha546@chiragkushwaha5462 жыл бұрын
  • oh no this is outdated now i cnat follow along haha

    @marvinromero357@marvinromero35720 күн бұрын
  • русский акцент прекрасен

    @UNKNOWN-vc8sd@UNKNOWN-vc8sd3 жыл бұрын
    • в скором времени матюкаться начнет))

      @user-xw4es1cr9p@user-xw4es1cr9p2 жыл бұрын
  • If you do the same clones in JavaScript ur video views will increase alot

    @MrShashidharhegde@MrShashidharhegde3 жыл бұрын
  • Bruh we need a start files please

    @Nolox119@Nolox1193 ай бұрын
  • You should you cli expo has limited things to do

    @rajanrek@rajanrek2 жыл бұрын
  • The UI shown is not implemented.

    @DarkoLazich@DarkoLazich4 ай бұрын
  • I can't do it on my expo new version.

    @hellosoy5289@hellosoy52892 жыл бұрын
    • I just finished it

      @NamLe-sl4qy@NamLe-sl4qy Жыл бұрын
  • is this app for ios or android?

    @user-yt9gz9cy6q@user-yt9gz9cy6q2 ай бұрын
    • For both

      @notjustdev@notjustdev2 ай бұрын
  • Please 🥺 use autosave option

    @shrikantjha5630@shrikantjha56302 жыл бұрын
    • I enjoyed the whole tut.

      @shrikantjha5630@shrikantjha56302 жыл бұрын
  • 56:49 how to make it horiozntal?

    @Thesakshipandey@Thesakshipandey2 жыл бұрын
    • add prop horizontal

      @NamLe-sl4qy@NamLe-sl4qy Жыл бұрын
  • Where is the source code ?

    @jccintr@jccintr2 жыл бұрын
  • писать на ts при этом игнорить все ошибки ) которые показывает ts :DDDDD

    @artlab5724@artlab57242 жыл бұрын
  • freat

    @user-lh1hr7co4w@user-lh1hr7co4w4 ай бұрын
  • I love you bro

    @soothingmusic8855@soothingmusic88553 жыл бұрын
  • Bro assets.bundle not sending any mail to my email

    @nikhil7053@nikhil70533 жыл бұрын
    • Have you checked spam folder?

      @notjustdev@notjustdev3 жыл бұрын
    • @@notjustdev yes bro everything ,i have also tried different email ids

      @nikhil7053@nikhil70533 жыл бұрын
    • @@nikhil7053 sorry, it’s an issue from my side. Can you try later today, or tomorrow? If its urgent, write me an email to vadim@notjust.dev and I will send you the assets

      @notjustdev@notjustdev3 жыл бұрын
    • @@notjustdev its ok bro,you inspire me a lot,Thank you for every single tutorial that’s helping me in improving my skills

      @nikhil7053@nikhil70533 жыл бұрын
  • A lot of people have issues running react-native CLI and if your blind the tutorial says for "beginners" and expo is more suited for beginners so honestly just stop crying about the CLI no one cares. @Julius "REACT NATIVE CLI"

    @primicerius@primicerius2 жыл бұрын
  • Funny, until recently I hadn't realized that Mario updated his favorite way to tackle ED and it's a relief! Although what he previously suggested was pretty good, it was a real pain to follow... I just go'ogled the latest in Mario's Thunderous Erections, it's so much easier and potent now!

    @DOsman-sd8zs@DOsman-sd8zs3 ай бұрын
  • Due to lack of technical understanding of how to analyse the digital market , many people lose. More emphasis should be put into day trading and staking as I do on my channeI as it Is less affected by the unpredictable nature of the market.

    @cryptomo1135@cryptomo1135 Жыл бұрын
    • Great to see CryptoMo on the here! Thanks for all the insights, much appreciated

      @chickengeniussingapore6629@chickengeniussingapore6629 Жыл бұрын
    • Now all we need is crypto crow and modern assets investor on.

      @mothernature1333@mothernature1333 Жыл бұрын
  • Netflix acount chiya kisi ko sasta ma 8968541489

    @amritamrit7609@amritamrit76093 жыл бұрын
  • nice explanation.im a website owner . i need your help to make an android aplication . please send me your email

    @thewisevillager@thewisevillager2 жыл бұрын
  • This is not a good beginner tutorial.

    @thebugcoder3391@thebugcoder33913 жыл бұрын
  • could be more informative

    @jhgujty5713@jhgujty5713 Жыл бұрын
  • The finicky feast metrically crack because flute mostly bake next a round estimate. noiseless, adjoining composition

    @arronwang703@arronwang7033 жыл бұрын
  • why ???? TypeError: undefined is not an object (evaluating 'firstEpisode.episodes.items')

    @lakshitpaliwal@lakshitpaliwal Жыл бұрын
  • your content is EXTREMELY GOOD

    @user-ed5po3yi2j@user-ed5po3yi2j3 ай бұрын
KZhead