brand elements

Instagram Stories in React Native with Reanimated | DEVember Day 18

Part of:  #DEVember React Native Marathon  

Vadim Savin profile picture
Vadim SavinMar 1, 2024
Subscribe to

notJust.Newsletter

Stay up-to-date with the latest technologies and become a better React Native Developer.

Loading...

Day 18 of #DEVember and today we have an exciting tutorial on creating Instagram Stories in React Native, powered by the dynamic Reanimated library! In this session, we're going to build an Instagram Story Component from scratch using React Native 0.73. You’ll learn how to craft engaging animations and interfaces that mimic the fluidity and responsiveness of Instagram Stories. This tutorial is ideal for developers looking to enhance their UI/UX design skills and delve into advanced animations in React Native.

📚 Today's Agenda:

  • Overview of Instagram Stories and UI Components
  • Setting Up the React Native Environment
  • Creating the Story Component Structure
  • Implementing Animations with Reanimated
  • Testing and Optimizing Story Animations
  • Integrating the Story Component into our App
  • Final Review

Check other episodes from the  #DEVember React Native Marathon series

Previous part

Building a Weather App with React Native | #DEVember Day 8

Next part

Mastering EAS Build, Submit, and Update in React Native | DEVember Day 13

Vadim Savin profile picture

Vadim Savin

TwitterLinkedInGithubInstagramYoutube

At notJust.dev, my mission is to help developers build impactful mobile apps.

Our educational content has reached over  10 million developers , giving them the tools and confidence to bring their app ideas to life.

Before starting notJust.dev, I worked at a big tech company (FAANG), built a software development agency, and co-founded 2 startups. These experiences taught me a lot about coding and entrepreneurship.

I have built over 100 apps with  React Native  and  Expo , and I want to help you do the same.