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

Рет қаралды 145,081

Күн бұрын

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 2 жыл бұрын

Always Great Content! Jeff(Your Miami Fan)

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

@Thestorryteller2 6 ай бұрын

finnaly i found this helping tutorial for aws amplify

@QueroAlmofadas 2 жыл бұрын

Gosto demais dos seus vídeos fico contando os minutos para assistir novo vídeo

@surajali1236 3 жыл бұрын

Thank you sir, For your effort it will help everyone like us who are students. God bless you.

@notjustdev 3 жыл бұрын

It's my pleasure

@rudyramkissoon2276 2 жыл бұрын

Hello I love the tutorial. I have a question. 1. How can I download the full source code?

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

@GeraldoLopez 3 жыл бұрын

Great job man!!!

@notjustdev 3 жыл бұрын

Thank you! Cheers!

@geneartista9714 2 жыл бұрын

sir how about the download (download, pause, resume) part using expo file system

@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 3 жыл бұрын

Yes. YOu can design the UI yourself, and call some functions provided by Auth module (such as signIn, signUp, etc.)

@montassarelkamel7564 3 жыл бұрын

Can you do an e-scooter rental app like bird or Lime clone ?

@filemon81 2 жыл бұрын

BOA valeu mesmo!

@fyzmuhammed4504 2 жыл бұрын

Bro then we can see the listed movies ? Using our own projects?

@michael-shakaikhanoba9810 3 жыл бұрын

Thank you sir

@michael-shakaikhanoba9810 3 жыл бұрын

Downloads styling for both android and ios

@shivamdubey4783 Жыл бұрын

one question how can we use reccomendation system in react native

@bhavikbhavsar 3 жыл бұрын

will this also work with android tv .. do we have any specific setting that can be added for it to work

@prasad3673 3 жыл бұрын

How to do LongPressEvent Hardware Back button to exit the app

@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 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 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 3 жыл бұрын

nice bro waiting for your next one,plz add credit card and debit card or stripe

@ahmadazharbinatalib7303 3 жыл бұрын

Yes sir..very good info..thankyou very2 much all team bisnes online F B..

@seanknowles9985 11 ай бұрын

Would love to see a CDK project properly linked with Amplify.

@blower2006 11 ай бұрын

why do you guys have a color grading panel??

@ahmadazharbinatalib7303 3 жыл бұрын

Ok..thankyou sir and all frient compeny...

@ionicamarian352 2 жыл бұрын

Where are you from bro?

@aldencarcamo5944 3 жыл бұрын

Good morning bro

@NamLe-sl4qy Жыл бұрын

Your GraphQL Schema is using "@connection", "@key" directives from an older version of the GraphQL Transformer

@kunkugouthamkrishna9088 3 жыл бұрын

Amazing stuff you got there man !!! Can you build a real world game or something like that next?

@michael-shakaikhanoba9810 3 жыл бұрын

Downloads profile with recently watched

@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 3 жыл бұрын

@KING Lvl999 夢 pllu ư,

@martmyamnusaibah2499 3 жыл бұрын

@KING Lvl999 夢 eyf

@Stus777 3 жыл бұрын

@KING Lvl999 夢 в том

@Stus777 3 жыл бұрын

@KING Lvl999 夢 Про