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

  Переглядів 545,685

notJust․dev

notJust․dev

День тому

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

КОМЕНТАРІ: 151
@bkosimi
@bkosimi Рік тому
Great work, Vadim! Really enjoy your tutorials. Many thanks.
@techweb9982
@techweb9982 Рік тому
your work give us confidence towards react native development app
@shubhamprakash2331
@shubhamprakash2331 3 роки тому
Good content, Thank you. just FYI 3:16:37 you can put the value 'default' for auto orientation. "orientation":"default".
@dicassaudavel347
@dicassaudavel347 2 роки тому
Seus vídeos me inspiram! obrigado!
@idris1583
@idris1583 3 роки тому
Great Work Vadim 👍🏽👌🏽 Really good content
@notjustdev
@notjustdev 3 роки тому
Thank you so much 😀
@mollyfinch3543
@mollyfinch3543 Рік тому
Great Work Vadim 👍🏽👌🏽
@yasinozlulerden4326
@yasinozlulerden4326 3 роки тому
Good work. I will try it as soon as possible. Thank you Vadim.
@notjustdev
@notjustdev 3 роки тому
Good luck
@polydetpenh4180
@polydetpenh4180 3 роки тому
Best free tutorial on the planet
@chumchantha1745
@chumchantha1745 2 роки тому
Thank you so much ❤️❤️
@uchennajude4775
@uchennajude4775 3 роки тому
What a wonderful video. thank you vadim
@notjustdev
@notjustdev 3 роки тому
Glad you enjoyed it
@samk1681
@samk1681 3 роки тому
@Vadim Savin Thanks for the great content. One question to ask, How to customise the video player UI? The UI shown is not implemented.
@joshuacharley1431
@joshuacharley1431 3 роки тому
You're the best!!!!
@dicasdeaudiovisual3576
@dicasdeaudiovisual3576 2 роки тому
To curtindo muito esses vídeos
@sagarchavan973
@sagarchavan973 2 роки тому
You are amazing bro. ❤️
@user-ed5po3yi2j
@user-ed5po3yi2j 3 місяці тому
your content is EXTREMELY GOOD
@michael-shakaikhanoba9810
@michael-shakaikhanoba9810 3 роки тому
Bro I totally love you
@infoguide5811
@infoguide5811 Рік тому
Dude, great work
@edsonsantos9659
@edsonsantos9659 2 роки тому
Isso realmente é fora do normal, parabéns pelo canal
@luozo9167
@luozo9167 2 роки тому
Posts RSS
@jm-ye1bv
@jm-ye1bv 6 місяців тому
Top G of RN i love your content
@adamkusmierz4585
@adamkusmierz4585 2 роки тому
thanks, i liked it
@hillstudios1
@hillstudios1 2 роки тому
Amazing tutorial
@abhishekbadoni235
@abhishekbadoni235 3 роки тому
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
@notjustdev
@notjustdev 3 роки тому
That's a good idea, thanks.
@alhadiibrahim1195
@alhadiibrahim1195 5 місяців тому
😊p😊😊😊p😊😊p😊😅😊😅😊😊😊😅😅😅😊😅😅
@everettmusicdojo
@everettmusicdojo 3 роки тому
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!
@thankgodforE
@thankgodforE 2 роки тому
smd
@FitnessChaos
@FitnessChaos 3 роки тому
Good vid Vadim. Privjet
@georgebulimar5247
@georgebulimar5247 3 роки тому
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)?
@notjustdev
@notjustdev 3 роки тому
Thanks
@bgbeppe1
@bgbeppe1 7 місяців тому
Have you similar video for React desktop with video on s3?
@qingyuanguan
@qingyuanguan 19 днів тому
I really like your smile, it makes me feel that the world is really beautiful. I hope you will always be happy!
@notjustdev
@notjustdev 13 днів тому
Aww, that's so nice of you, thank you 🙌
@geneartista9714
@geneartista9714 2 роки тому
Why the heck does this guy has few subscribers, he deserves more!!!
@notjustdev
@notjustdev 2 роки тому
Listen to Gene, he/she knows what is speaking about
@nicklansbury3166
@nicklansbury3166 2 роки тому
@@notjustdev HAHA!!! I listened to Gene. I subscribed! Great channel.
@kipngenokevin
@kipngenokevin Рік тому
@@nicklansbury3166 Me too.
@GauravMishra0509
@GauravMishra0509 2 роки тому
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.
@ciroamore2129
@ciroamore2129 3 роки тому
Good content !! thank you :)
@notjustdev
@notjustdev 3 роки тому
Glad you liked it!
@msousa3976
@msousa3976 2 роки тому
Top demais esse vídeo
@nguyenlee6934
@nguyenlee6934 3 роки тому
That good video bro, I'm from VietNam
@cubedev4838
@cubedev4838 3 роки тому
Thanks a lot bro, can u cover for payment intergration, maybe with paypal
@HumbleHustle101
@HumbleHustle101 3 роки тому
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?
@notjustdev
@notjustdev 3 роки тому
Great suggestion!
@michael-shakaikhanoba9810
@michael-shakaikhanoba9810 3 роки тому
What about adding the download feature in the next video with the payment page and the security without payment
@JohnArcher888
@JohnArcher888 3 роки тому
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 имеет ударение на первый слог ;)
@notjustdev
@notjustdev 3 роки тому
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
@user-me2qy7fs6f
@user-me2qy7fs6f 7 місяців тому
ىىى رىى ىىى ىىبر ىccccc cx xccccccc cxc cccccccc
@user-me2qy7fs6f
@user-me2qy7fs6f 7 місяців тому
ىى. ىى ىىىىىىىى. ىىىىب ىىىىىىىى ىىرىىىىىى. ىىىىىىىىىى ىىىىىىرىىىى ىىىىىىىىىىىىىىىىىىىى. ىىىىىىى. ىىىىىىىىىىىىىىىىىىىىىىى. ىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىى ىىىىى ىىغ ىىرىىىىىى. ىىىىىىى ىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىى. قر ررىىى رىىىىىىرىىىىىىىىىىىىىى ىى ىىىىىىىى. رىىىىىىىىىىىىىىىىىىىىىىىىىىىىىىى ررىىىىرىررىىىىىىىىرىىىىىىىى
@abderrahimboussetta6569
@abderrahimboussetta6569 2 роки тому
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 ?
@SinghatehAlagie
@SinghatehAlagie 2 роки тому
Very good question I think that will be more effective
@esotomay21
@esotomay21 3 роки тому
thank you !!
@notjustdev
@notjustdev 3 роки тому
You're welcome!
@aliibraheem5713
@aliibraheem5713 2 роки тому
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 !
@nxvrmore
@nxvrmore 2 роки тому
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?
@fredcherney603
@fredcherney603 Місяць тому
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
@mahonealex4615
@mahonealex4615 2 роки тому
awesome
@ayushjain1887
@ayushjain1887 Рік тому
2:14 one of the funniest things. but true
@Ivan__Petrovich
@Ivan__Petrovich 11 місяців тому
Спасибо
@abdulragib6004
@abdulragib6004 11 місяців тому
Bro do we need to learn AWS amplify and graphql from basic
@abdullahalnutayfi8103
@abdullahalnutayfi8103 Рік тому
Nice job! When the backend configuration starts?
@NamLe-sl4qy
@NamLe-sl4qy Рік тому
it's already, you can search on his chanel
@surajali1236
@surajali1236 2 роки тому
Sir when the subscription partis coming... For this app.
@NamLe-sl4qy
@NamLe-sl4qy Рік тому
2:33:55 You guys can set flex: 1 to View that's the parent of Flatlist
@MrRootbeer777
@MrRootbeer777 Рік тому
Hoping someone can answer this lol. Can you publish this application to expo go even with the backend and everything implemented?
@joseoliveirasilva1660
@joseoliveirasilva1660 2 роки тому
Aí, isso sim é um conteúdo bom.
@davidforero2229
@davidforero2229 2 роки тому
VadimHow can I download the version of that template? :(
@ParasAppegic
@ParasAppegic Рік тому
What about adding the download feature
@stefano6074
@stefano6074 3 роки тому
Meeeegaaa! Thanks a lot, Vadim.
@SumantaSarkarUK
@SumantaSarkarUK 2 роки тому
Hi - Will you be interested to work on a Video streaming app project ?
@notjustdev
@notjustdev 3 роки тому
👇 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
@Kyeongyeon
@Kyeongyeon 3 роки тому
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 ?
@notjustdev
@notjustdev 3 роки тому
@@Kyeongyeon Thanks for mentioning, I have updated now the assets to include everything
@Kyeongyeon
@Kyeongyeon 3 роки тому
@@notjustdev Thank you!
@shamikalanjwal7684
@shamikalanjwal7684 2 роки тому
please make one video on zomato clone using react native and expo
@mujeebolagunju6487
@mujeebolagunju6487 Рік тому
Nice tutorial but, can't find bottomtagnavigator.
@codewithsait
@codewithsait 3 роки тому
hello. what are your vscode theme and icon extensions?
@notjustdev
@notjustdev 3 роки тому
Community Material Theme Material THeme Icons
@thebugcoder3391
@thebugcoder3391 3 роки тому
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
@thebugcoder3391 3 роки тому
Sorry!!! I figured it out! :D
@saker9696
@saker9696 3 роки тому
When i use poster, i can't play video.How to fix? Help me!
@NamLe-sl4qy
@NamLe-sl4qy Рік тому
click to the bottom of image
@saintazur
@saintazur 2 роки тому
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.
@notjustdev
@notjustdev 2 роки тому
Check the second episode. We implement the backend there
@saintazur
@saintazur 2 роки тому
@@notjustdev Ah Cool, I will
@okeyshourovroy2769
@okeyshourovroy2769 3 роки тому
Can you please make some video series using Nodejs Mongodb and react native?
@notjustdev
@notjustdev 3 роки тому
Will do, will do
@RadCor
@RadCor 3 роки тому
@@notjustdev да, было бы круто!)
@DarkoLazich
@DarkoLazich 4 місяці тому
The UI shown is not implemented.
@satyak1337
@satyak1337 Рік тому
where is the second video ?
@tanveerulhoque6803
@tanveerulhoque6803 3 роки тому
Hello, I don't have any knowledge about AWS amplify. So in that case can I follow this tutorial?
@notjustdev
@notjustdev 3 роки тому
Yes, you can learn it along the way
@tanveerulhoque6803
@tanveerulhoque6803 3 роки тому
Thanks @@notjustdev for all of your effort. Just love your content
@weidong5806
@weidong5806 2 роки тому
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
@weidong5806 2 роки тому
I use expo-filesystem to download video but , I don't known how to play the video after downloaded.
@chiragkushwaha546
@chiragkushwaha546 2 роки тому
rnfe === react native functional export default
@michael-shakaikhanoba9810
@michael-shakaikhanoba9810 3 роки тому
payment integration with stripe
@Nolox119
@Nolox119 4 місяці тому
Bruh we need a start files please
@rajanrek
@rajanrek 2 роки тому
You should you cli expo has limited things to do
@MrShashidharhegde
@MrShashidharhegde 3 роки тому
If you do the same clones in JavaScript ur video views will increase alot
@fanirianto8468
@fanirianto8468 Місяць тому
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😂
@marvinromero357
@marvinromero357 26 днів тому
oh no this is outdated now i cnat follow along haha
@soothingmusic8855
@soothingmusic8855 3 роки тому
I love you bro
@user-yt9gz9cy6q
@user-yt9gz9cy6q 3 місяці тому
is this app for ios or android?
@notjustdev
@notjustdev 2 місяці тому
For both
@UNKNOWN-vc8sd
@UNKNOWN-vc8sd 3 роки тому
русский акцент прекрасен
@user-xw4es1cr9p
@user-xw4es1cr9p 2 роки тому
в скором времени матюкаться начнет))
@Thesakshipandey
@Thesakshipandey 2 роки тому
56:49 how to make it horiozntal?
@NamLe-sl4qy
@NamLe-sl4qy Рік тому
add prop horizontal
@hellosoy5289
@hellosoy5289 2 роки тому
I can't do it on my expo new version.
@NamLe-sl4qy
@NamLe-sl4qy Рік тому
I just finished it
@user-lh1hr7co4w
@user-lh1hr7co4w 4 місяці тому
freat
@jccintr
@jccintr 2 роки тому
Where is the source code ?
@shrikantjha5630
@shrikantjha5630 2 роки тому
Please 🥺 use autosave option
@shrikantjha5630
@shrikantjha5630 2 роки тому
I enjoyed the whole tut.
@nikhil7053
@nikhil7053 3 роки тому
Bro assets.bundle not sending any mail to my email
@notjustdev
@notjustdev 3 роки тому
Have you checked spam folder?
@nikhil7053
@nikhil7053 3 роки тому
@@notjustdev yes bro everything ,i have also tried different email ids
@notjustdev
@notjustdev 3 роки тому
@@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
@nikhil7053
@nikhil7053 3 роки тому
@@notjustdev its ok bro,you inspire me a lot,Thank you for every single tutorial that’s helping me in improving my skills
@artlab5724
@artlab5724 2 роки тому
писать на ts при этом игнорить все ошибки ) которые показывает ts :DDDDD
@amritamrit7609
@amritamrit7609 3 роки тому
Netflix acount chiya kisi ko sasta ma 8968541489
@DOsman-sd8zs
@DOsman-sd8zs 4 місяці тому
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!
@cryptomo1135
@cryptomo1135 Рік тому
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.
@chickengeniussingapore6629
@chickengeniussingapore6629 Рік тому
Great to see CryptoMo on the here! Thanks for all the insights, much appreciated
@mothernature1333
@mothernature1333 Рік тому
Now all we need is crypto crow and modern assets investor on.
@primicerius
@primicerius 2 роки тому
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"
@thewisevillager
@thewisevillager 2 роки тому
nice explanation.im a website owner . i need your help to make an android aplication . please send me your email
@jhgujty5713
@jhgujty5713 Рік тому
could be more informative
@arronwang703
@arronwang703 3 роки тому
The finicky feast metrically crack because flute mostly bake next a round estimate. noiseless, adjoining composition
@thebugcoder3391
@thebugcoder3391 3 роки тому
This is not a good beginner tutorial.
@lakshitpaliwal
@lakshitpaliwal Рік тому
why ???? TypeError: undefined is not an object (evaluating 'firstEpisode.episodes.items')
@GarTheStar
@GarTheStar 3 роки тому
your content is EXTREMELY GOOD
@notjustdev
@notjustdev 3 роки тому
Thanks
🔴  Netflix Backend in React Native & AWS Amplify (Tutorial for Beginners)
3:52:58
Level 1 to 100 Mystery Buttons
00:46
A4
Переглядів 5 млн
🔴  Build the Uber clone in React Native (Tutorial for Beginners)
3:43:51
notJust․dev
Переглядів 779 тис.
Building the Ultimate Workout Tracker with React Native & MongoDB
3:59:34
notJust․dev
Переглядів 234 тис.
🔴Build Twitter Fleets (stories) with React Native and AWS Amplify
3:43:10
Build a full stack UBER EATS clone - 3/5 Days Challenge  🔴
3:59:46
notJust․dev
Переглядів 327 тис.
Linux Operating System - Crash Course for Beginners
2:47:56
freeCodeCamp.org
Переглядів 2 млн
Building the Formula 1 App with React Native
3:58:45
notJust․dev
Переглядів 209 тис.
The Only .NET Scheduler You Should Be Using!
16:38
Nick Chapsas
Переглядів 25 тис.
React Native vs Flutter in 2024 - Make the RIGHT Choice (Difference Explained)
10:31
Daniel Dan | Tech & Data
Переглядів 112 тис.
Complete Dynamic Programming Practice - Noob to Expert | Topic Stream 1
3:50:43
Build a Realtime Chat App in React Native (tutorial for beginners) 🔴
3:49:50
Start from 0 at any point on the T1 Digital Tape Measure
0:14
REEKON Tools
Переглядів 20 млн
All New Atlas | Boston Dynamics
0:40
Boston Dynamics
Переглядів 5 млн
Photo Changing Replace And Edit Backgrounds 65mn With These 10 Tips
0:53
Irfan AN Tech
Переглядів 260 тис.
Broken Flex Repair #technology #mobilerepair
0:55
ideal institute aligarh
Переглядів 15 млн