React Native Reanimated

React Native's Animated library reimplemented. More info

Articles & Tutorials

Drag Callbacks with Reanimated in React Native (codeburst.io)
Aug 03, 2018
Reanimated is purely declarative and native. In order to communicate back you need to use call which is a declared method that you provide a list of animated values and a JavaScript function.
  • Jason Brown

Video Guides & Talks

Airbnb Header Animation | React Native | Reanimated (youtube.com)
Aug 13, 2019
You'll learn how to create the header animation similar to the Airbnb App.
  • Varun Nath
Drag and Drop List in React Native with Reanimated and RecyclerListView (youtube.com)
Jul 30, 2019
I talk about the drag and drop list I created with Reanimated and RecyclerListView.
The 5 minutes React Native Tap Gesture (youtube.com)
Jul 29, 2019
In this video, we make some fancy tap gesture animation with React Native Reanimated and Gesture Handler.
The 5 minutes React Native Animation Loop (youtube.com)
Jul 23, 2019
In this video, we make some loop animations in React Native using Reanimated.

Podcast Episodes

Reanimated, React Native Screens & More feat. Krzysztof Magiera of Software Mansion (devchat.tv)
Oct 17, 2018
In today’s episode of the React Native Radio podcast, Nader Dabit, Peter Piekarczyk and Mike Grabowski speak with Krzysztof Magiera. Krzysztof talks about his recent libraries on Native Driver, Gesture Handler, Reanimated, React Native Screens. The panel and Krzysztof dive deep into Gesture Handler and give insight on the best use cases. This is a great episode to learn about Krzysztof and his most current company and projects.

Libraries

react-native-reanimated (github.com)954
v1.2.0
Aug 07, 2019
React Native's Animated library reimplemented
  • Krzysztof Magiera
  • Michał Osadnik