🔴 Netflix Backend in React Native & AWS Amplify (Tutorial for Beginners)

  Переглядів 144,981

notJust․dev

notJust․dev

День тому

Let's build Netflix mobile app from scratch using React Native and AWS Amplify (beginner friendly)
📚 Enroll NOW for "The Full-stack Mobile Developer" and save 30%
academy.notjust.dev/
This is a great and fun opportunity to learn and practice hybrid mobile development with React Native and AWS Amplify for everybody, from beginners to professionals. Let's learn together 📖💡
🎒 Download the Asset Bundle (Images, Dummy data, PDF presentation):
assets.notjust.dev/netflix
👇 Install Expo to follow along. This video is sponsored by Expo
bit.ly/expo-vadim
🐱‍💻 Source code
github.com/Savinvadim1312/Net...
💬 Join the notJust Development gang and let's build together
/ discord
Tag me on social media when you finish this build, and I will give you feedback on your project.
LinkedIn: / vadimsavin
IG: / vadimsavin0
Twitter: / savinvadim_
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
#VadimSavin #notjustdev #notJustDevelopment

КОМЕНТАРІ: 53
@jeffjcd
@jeffjcd 2 роки тому
Always Great Content! Jeff(Your Miami Fan)
@surajali1236
@surajali1236 2 роки тому
Thank you sir, For your effort it will help everyone like us who are students. God bless you.
@notjustdev
@notjustdev 2 роки тому
It's my pleasure
@Thestorryteller2
@Thestorryteller2 6 місяців тому
finnaly i found this helping tutorial for aws amplify
@donjohnkz
@donjohnkz 2 роки тому
Hellow from Brazil !!! Thanks for the content, a question: How would it be to do this with only javascript? having typescript seems to be very confusing, especially in a project that was initially created with javascript, I don't have much experience with typescript ..
@rudyramkissoon2276
@rudyramkissoon2276 2 роки тому
Hello I love the tutorial. I have a question. 1. How can I download the full source code?
@GeraldoLopez
@GeraldoLopez 3 роки тому
Great job man!!!
@notjustdev
@notjustdev 3 роки тому
Thank you! Cheers!
@geneartista9714
@geneartista9714 2 роки тому
sir how about the download (download, pause, resume) part using expo file system
@HunterZoy
@HunterZoy 3 роки тому
1:52:09 Aren't we losing the benefits of using GraphQL instead of a REST API ? I mean, thanks to the connection directive, we were supposed to get the movies when querying a category ? Or i'm misunderstanding something ?
@iFranzOSX
@iFranzOSX 3 роки тому
Hello, thank you so much for the great content. Quick Question is there a way to change the design of the aws login screen?. Thanks
@notjustdev
@notjustdev 3 роки тому
Yes. YOu can design the UI yourself, and call some functions provided by Auth module (such as signIn, signUp, etc.)
@QueroAlmofadas
@QueroAlmofadas 2 роки тому
Gosto demais dos seus vídeos fico contando os minutos para assistir novo vídeo
@montassarelkamel7564
@montassarelkamel7564 3 роки тому
Can you do an e-scooter rental app like bird or Lime clone ?
@fyzmuhammed4504
@fyzmuhammed4504 2 роки тому
Bro then we can see the listed movies ? Using our own projects?
@shivamdubey4783
@shivamdubey4783 Рік тому
one question how can we use reccomendation system in react native
@prasad3673
@prasad3673 3 роки тому
How to do LongPressEvent Hardware Back button to exit the app
@michael-shakaikhanoba9810
@michael-shakaikhanoba9810 3 роки тому
Thank you sir
@michael-shakaikhanoba9810
@michael-shakaikhanoba9810 3 роки тому
Downloads styling for both android and ios
@seanknowles9985
@seanknowles9985 11 місяців тому
Would love to see a CDK project properly linked with Amplify.
@filemon81
@filemon81 2 роки тому
BOA valeu mesmo!
@okeyshourovroy2769
@okeyshourovroy2769 3 роки тому
I have a question. If we use aws video on deman to provide private videos like Netflix, so if we protect the video content from downloading or prevent watch to them who are not in subscription. So we need to assign a ip or domain maybe to tell aws, connect with only this ip or domain. So in this case how we can use the same thing in react native? Like in web ReactJs which has a domain but what about the react native. Hope you will answer this. Thanks in advance.
@notjustdev
@notjustdev 3 роки тому
In this case you can limit access not based on ip, but based on identities wich are assigned to users when they sign up to your application with cognito. You can limit access to some content only to users that are part of one group (pro users), so only they can read from that bucket. Furthermore, you can create an admin group, and give access to only this group to add content in that bucket.
@okeyshourovroy2769
@okeyshourovroy2769 3 роки тому
@@notjustdev thank you for your reply. I hope you will try to cover it in nodejs mongodb expressjs and react native series without aws. 😀
@nikhil7053
@nikhil7053 3 роки тому
nice bro waiting for your next one,plz add credit card and debit card or stripe
@bhavikbhavsar
@bhavikbhavsar 3 роки тому
will this also work with android tv .. do we have any specific setting that can be added for it to work
@ahmadazharbinatalib7303
@ahmadazharbinatalib7303 3 роки тому
Yes sir..very good info..thankyou very2 much all team bisnes online F B..
@blower2006
@blower2006 11 місяців тому
why do you guys have a color grading panel??
@ionicamarian352
@ionicamarian352 2 роки тому
Where are you from bro?
@ahmadazharbinatalib7303
@ahmadazharbinatalib7303 3 роки тому
Ok..thankyou sir and all frient compeny...
@aldencarcamo5944
@aldencarcamo5944 3 роки тому
Good morning bro
@NamLe-sl4qy
@NamLe-sl4qy Рік тому
Your GraphQL Schema is using "@connection", "@key" directives from an older version of the GraphQL Transformer
@michael-shakaikhanoba9810
@michael-shakaikhanoba9810 3 роки тому
Downloads profile with recently watched
@kunkugouthamkrishna9088
@kunkugouthamkrishna9088 3 роки тому
Amazing stuff you got there man !!! Can you build a real world game or something like that next?
@panizfarahi9023
@panizfarahi9023 10 місяців тому
LOL
@notjustdev
@notjustdev 3 роки тому
🎒 Download the Asset Bundle: assets.notjust.dev/netflix 👇 Install Expo to follow along. This video is sponsored by Expo: bit.ly/expo-vadim 📚 Enroll in "The Full-stack Mobile Developer" and become a 6-figure dev in 2021: academy.notjust.dev/
@kiencuong7363
@kiencuong7363 3 роки тому
@KING Lvl999 夢 pllu ư,
@martmyamnusaibah2499
@martmyamnusaibah2499 3 роки тому
@KING Lvl999 夢 eyf
@Stus777
@Stus777 3 роки тому
@KING Lvl999 夢 в том
@Stus777
@Stus777 3 роки тому
9
@Stus777
@Stus777 3 роки тому
@KING Lvl999 夢 Про
@MaCCabOOi92
@MaCCabOOi92 2 роки тому
Äpple sallad ppp9pppppp
@gyawimovement9164
@gyawimovement9164 3 роки тому
The harsh taxi pragmatically bake because transmission sporadically battle beneath a tall swordfish. tricky, dirty impulse
🔴  Build the Uber clone in React Native (Tutorial for Beginners)
3:43:51
notJust․dev
Переглядів 777 тис.
Build a Realtime Chat App in React Native (tutorial for beginners) 🔴
3:49:50
Кровосток - разговор с легендами / вДудь
2:12:57
1 класс vs 11 класс (рисунок)
00:37
БЕРТ
Переглядів 3,1 млн
Something Strange Happens When You Follow Einstein's Math
37:03
Veritasium
Переглядів 3,8 млн
Building the Formula 1 App with React Native
3:58:45
notJust․dev
Переглядів 206 тис.
What’s the Best React Native Storage Option? 🧐
12:53
Simon Grimm
Переглядів 25 тис.
Building a Health Application with React Native: Step Counter
3:57:53
notJust․dev
Переглядів 302 тис.
React Native vs Flutter in 2024 - Make the RIGHT Choice (Difference Explained)
10:31
Daniel Dan | Tech & Data
Переглядів 111 тис.
Math for Game Devs [2022, part 1] • Numbers, Vectors & Dot Product
3:57:35
All New Atlas | Boston Dynamics
0:40
Boston Dynamics
Переглядів 5 млн
Какой MacBook выбрать в 2024 - М1, М2 или М3?
24:56
Какой MacBook выбрать в 2024 - М1, М2 или М3?
24:56
Как должен стоять ПК?
1:00
CompShop Shorts
Переглядів 583 тис.