build a news app in react native from scratch - the complete tutorial 🔥

preview_player
Показать описание
Welcome to my React Native complete tutorial for beginners in 2023! In this video,
we will learn how to build a News App from scratch using React Native.
I will guide you through the process of creating a mobile application
that fetches and displays the latest news articles from various sources.
By the end of this tutorial, you will have the skills to create your own news app with React Native.

build a news app in react native from scratch - the complete tutorial

Alongside building this application, you'll also learn how to:
- develop visually appealing UI/UX designs
- fetch data from an external API and integrate it
- implement Filters and Listing functionality
- create custom API data fetching hooks
- Learn React Navigation and Routing
- Learn How to pass data between components
- write clean, organized, and maintainable code with proper architecture
- follow the best practices for React Native development
- How to publish app and many more

▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬
00:00 - Intro
01:55 - What we learning
03:32 - Create project
07:31 - Run Project/Application First Time
11:19 - Create Files and Folders
18:32 - Header
28:08 - Category List
38:36 - News API integration
48:58 - Top Headline Slider
59:22 - News List (FlatList) Vertical
1:14:14 - React Navigation and Routing
1:26:14 - Read Full News Screen
1:37:55 - Sharing News
1:41:41 - InAppBrowsing
1:49:06 - Activity Indicator (Loader)
1:52:54 - Publish App on Expo
1:54:44 - Finish

#ReactNative #MobileAppDevelopment #AppDevelopment #BeginnersGuide #LearnToCode #ReactNativeTutorial #CodingForBeginners #ProgrammingTutorial #WebDevelopment #TechTutorial
Рекомендации по теме
Комментарии
Автор

Best video about React Native I really liked the project!!

rodrigoti
Автор

Excellent explanation, thanks for sharing the knowledge.

shivangagarwal
Автор

I have been looking for a tutorial like this for the past weeks... finally i have found it here... i have been able to code along and completed it easily... Thank you very much sir... You have earned one new subscriber.. Much grateful for this tutorial.. A lot have been learnt... Hope to see more tutorials from you🎉🎉

sarahimpextradingenterpris
Автор

Thank you for this informative and easy tutorial

hxrsh_x
Автор

Great tutorial, thanks for the many tips and tricks

clauslysholm
Автор

Have issues in last part, when need to change categories. It is not working . No error but not working

amya
Автор

how to fix this error : VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead. let help me please

tryhard
Автор

In react navigation and routing at time 1:20:16 where we have to restart the app due to new libraries installed. My app is not loading

harshitgautam
Автор

Hey why did we comment our <Home/> while using navigation container in app.js pls explain

vedantkadam
Автор

Sir Next Plz Make Real Time weather app in React Native with Materialistic UI and Open Weather API

usmanmarkaz
Автор

hey i did deploy my app on expo and installed the apk in my phone but the issue is in my phone the apk does not update its news unlike on the emulator how to fix this issue??

vedantkadam
Автор

Hey I am getting a error:- news component not found

VedantBilaiya
Автор

React navigation not worked give me a solution

Thanushan