JSFoo is the annual JavaScript conference hosted by HasGeek. The Pune edition is the second edition (JSFoo in Pune in 2012, and ReactFoo in January 2018).
HasGeek launched JSFoo in 2011 as India’s first JavaScript conference. The JS community in India has grown phenomenally since then. JavaScript now prevades every aspect of web development - browsers, apps, front-end, back-end, mobile and IoT, and there’s always scope to understand new ideas and solutions. The conference explores new ideas, implementing innovative solutions, and learning from experiences, especially negative ones.
Want to see the talks from last year’s conference? Watch the JSFoo 2018 videos or the related ReactFoo 2018 videos.
PJ
Parikshit Joon
@speedcuber911
Animations in React Native
Submitted Nov 14, 2018
Section:
Crisp talk
Technical level:
Beginner
This talk will focus on the Animations in React Native using a demo. Animations are tricky in React Native and there’s are lot of metrics that need to be kept in mind while doing animations that feel smooth.
This talk will also include few animation demos showing animations like easing, stagger, keyframes and transition. I will using the native Animated API to achieve those. I will also talk about where to use InteractionManager or requestAnimationFrame. Most of the animations can be offloaded to the native thread to achieve smooth experience.
The talk will also include the navigation transitions using react-navigation
Outline
This talk will include the following APIs:
- Animated
- InteractionManager
- requestAnimationFrame
The demos will include the following animations:
- Stagger
- Mount/Unmount transitions
- Keyframes
- Interpolations
- Trails
The navigation library used in the talk will be react-navigation and will include the part about how to achieve page transition effects and at the same time improve the performance of transition using react-native-screens.
Requirements
N/A
Speaker bio
I’ve been working as a front end developer with Anarock. Most of JS experience stems from job, which is predominantly React Native development. Recently started working with animations. Figured a bunch of practices to make animations a smoother experience.
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}