React Native for beginners - iOS 18 Photos App with React Native, Expo and Reanimated

In this video, we'll be building the iOS 18 Photos app clone using React Native, Expo, and Reanimated. We'll explore how to use these powerful tools to create stunning animations and user interactions. Even if you're a beginner or looking to enhance your skills, this tutorial will guide you through every step of the process. Let's get started 🚀 *📝 Project Page:* https://www.notjust.dev/projects/ios18photos *📑 Asset Bundle:* https://assets.notjust.dev/ios-photos *💻 Source Code:* https://github.com/notJust-dev/iOS18-Photos ⚛️ *React Native Mastery* is the *ONLY* course you need to Master mobile development with React Native & Expo 🚀 *Join the waitlist now:* https://www.notjust.dev/react-native-mastery 📚 This video includes a lot of tools and technologies, providing an excellent opportunity to learn about: - Setup and Installation - Project Structure - Implementing UI Components - Adding Animations with Reanimated - Managing State with Hooks ❗Try our *FREE* 2-day Masterclass on notJust.Academy: https://assets.notjust.dev/masterclass/?utm_source=youtube&utm_medium=livestream&utm_content=01aug24 💡 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 Timecodes: 0:00 Intro and Project Overview 3:55 Initialising a brand new Expo Project 9:50 Displaying a FlatList of Images 32:03 Implementing the Carousel of Images 53:26 Implementing the Header Carousel 1:00:48 Adding the Carousel Indicators 1:19:59 Setting Expo Router and Adding the Photo Screen 1:43:04 Implementing Reanimated and Adding Zoom-in animation 2:09:54 Adding the Pinch to Zoom Gesture animation 2:27:34 Go Back when Zooming out functionality 2:37:00 Tracking the Page Scroll Position 2:59:52 3 Scroll Modes: ScrollView, Gesture, Flatlist 3:49:31 Implementing Seamless Scroll from Page to Gesture Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with. #notjustdev #ios18 #reactnative