🔴 Build Movie App Using React Native | React Native Projects | Beginners

preview_player
Показать описание
Hello everyone 👋, today we are going to make a fully functional & responsive movie app with react native using moviedb api, In this project you can browse trending, upcoming and top rated movies, you can see the details of a movie and the cast person, and you can even search any movie you want plus many more cool features. after this video you will be able to create professional apps like this one. so sit back and relax, grab some snacks and enjoy the tutorial.
make sure you like this video and subscribe the channel for more react native videos.

🚨 more videos on react native:

#expo #reactnative #tailwindcss #javascript #programming #typescript #speedcode #coding #design #appdevelopment #reactjs #ui #uiux #reactnavigation #reactnativetutorial #react #animation #reactjs #navigation #navigationbar #uidesign #mobiledevelopment #iosdeveloper #buildinpublic #opensource #reactnativeapp #reactjstutorial #typescript

react native animations
animations in react native
react native tutorial
react native app
react native tutorial for beginners
react native project
react native course
movie app in react native
react native movie app
imdb clone
movie app

▬▬▬▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬

00:00 - Intro

03:08 - Home Screen UI

17:48 - Movie Screen UI

34:48 - Person Screen UI

44:36 - Search Screen UI

52:46 - Loading Screen

56:41 - TheMovieDB API

57:55 - Movie List API

01:09:33 - Movie Details API

01:20:42 - Person Details API

01:28:28 - Movie Search API

01:34:43 - Final Demo
Рекомендации по теме
Комментарии
Автор

More cool react native projects: 👇










codewithnomi
Автор

Great job. Just completed this. Although you did not create the 'see all' screen, its still a good app. I'm very grateful

tomkingg
Автор

Keep it up bro ! This is a great tutorial, i love the way you manage all the fetch function in one place

RakaFantinoo
Автор

what an awesome tutorial, i had never done anything in react native or tailwind and this was perfectly done and super clear, thank you so much

timk
Автор

bro, a project would be great, using zustand, react query, expo-router among others, greetings from Cuba

AlejandroRL
Автор

best react-native explanation taht I have seen . thnx you so much

leeyahav
Автор

Hi, I recently subscribed to your channel and I find your content really interesting and useful. I wanted to know if you could make a video on the configuration of a react native project and also on the installation of TailwindCSS in the project. Because personally I use an expo router configuration and I have difficulty integrating TailwindCSS. Thanks 👍

bendevweb
Автор

Hello @Nomi thanks for this helpful tutorial but man you didnt benefit from many React Native properties and components for example in the movie name
1- trimming '....' you can define the width for the text(you already did defining the width as percentage of screen ) and use properites for <Text>
ellipsizeMode="tail" and numberOfLines={1} (or whatever number of lines you want if you need the text to wrap)

2- you are using data.map instead of flatlists that will make the needed but many things are predefined and ready for you to use (pagination, on end reach .... ) so for me i found it easy to follow up with the tutorial but i would have liked you to focus on react native components properties more !

omarsawwas
Автор

You gave us aweosme videos and projects but could you build a large scale project like e commerce app with mern stack with typescript please

harry
Автор

Please make more of this video, thank you~

LuciferXII
Автор

Hi Nomi: Question:
So im at the MovieScreen part around 21:00 and trying to get the icons to show on my android but it isnt working. Even with the "topMargin" android workaround nothing is showing for me. What to do. Im on a Samsung galaxy A52 at 6.4'' screen size. Why isnt it working.

Joshua-uqzw
Автор

I’m so grateful with all of your video, thank you to share us a lot of inspiration🎉🎉 I will be working on my app also your app are super cools…🥺🥺🥺 hopefully I could do closely to what you done thank😎😎

voldemore
Автор

can i follow this playlist if i am learning and working in react-native CLI rather expo ?

manavdobariya
Автор

Hello brother i am having error in data and item like i didn't understand what is it like every value we pass in function giving error can you please tell me😢

learnwithwasii
Автор

if uoe search movies and then click on movies and go to Movie screen it thro error

MuhammadNawaz-jrhz
Автор

Great content man 🎉
Greetings from Ghana 🇬🇭

SonnyTechAcademy
Автор

❤Thank you so much sir ✌️
React cli with typescript could be super useful 😁
Looking forward for those videos 😇

ayushpillai
Автор

Every time I write code and then save. Following error always shows. ERROR Error: Got an invalid value for 'component' prop for the screen 'Movie'. It must be a valid React Component. Its so annoying. Any fix? its on android.

AX
Автор

Amazing tutorial. Baray bhai thori speed halki, saath type karna mushkil hota hai 😆

mobinakhter
Автор

this all is good but wy can't we use

MRWOLF-rdtm