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/ios1...
Asset Bundle: https://assets.notjust.dev/iosphotos
Source Code: https://github.com/notJustdev/iOS18...

⚛ 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/reactnative...

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 2day Masterclass on notJust.Academy: https://assets.notjust.dev/masterclas...

Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJustdev/d...

Join the notJust Development gang and let's build together:
Twitter:   / vadimnotjustdev  
Instagram:   / vadimnotjustdev  
Facebook:   / notjustdev  
LinkedIn:   / vadimsavin  
Discord:   / discord  

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 Zoomin 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