In this video, you’ll learn how to build a sleek, fully functional news app using React Native and Expo. You’ll learn how to create dynamic multi-row layouts with FlatList & SectionList, manage data efficiently with props & state, and set up seamless navigation with Expo Router. By the end, you’ll have the skills to build real-world apps like Google News or BBC News! 🚀
❗️ React Native Mastery is the ONLY course you need to Master mobile development with React Native & Expo 🚀
Enroll here: https://www.notjust.dev/react-native-mastery
📃 Get the Step-by-step Guide and Asset Bundle: https://assets.notjust.dev/apple-news
📚 Get the source code: https://github.com/notJust-dev/AppleNews
📝 This video includes a lot of tools and technologies, providing an excellent opportunity to learn:
👉 How to create dynamic multi-row layouts using FlatList and SectionList
👉 How to manage data efficiently with props and state
👉 How to handle side effects in React Native with useEffect
👉 How to implement seamless navigation using Expo Router
👉 How to apply TypeScript fundamentals in a React Native project
👉 How to handle and render markdown text in React Native
👉 How to structure and display news-style content with UI best practices
.. and MORE!
💡 Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJust-dev/discussions
💬 Join the notJust Development gang and let's build together:
Twitter: https://twitter.com/VadimNotJustDev
Instagram: https://www.instagram.com/VadimNotJustDev
Facebook: https://www.facebook.com/notjustdev
LinkedIn: https://www.linkedin.com/in/vadimsavin
Discord: https://discord.gg/VpURUN2
Chapters:
0:00 Intro and Project Overview
12:14 Configure Your Environment
14:02 Setup a Fresh Expo Project
24:30 Setup Expo Router
53:39 Setup Bottom Tab Navigation
1:19:15 Build Your First Custom Component
2:05:10 Type Safe Components
2:17:22 Build the Home Screen List
3:47:05 Create the Magazines Flatlist
4:19:93 Filtering Magazines Functionality
4:52:46 Detailed Article Screen
5:19:00 Outro and Project Demo
#notjustdev #applenews #reactnative