Fragments 2019

State of engineering, design and product development in the mobile ecosystem

UX enhancement Using React-Native Animations

Submitted by Pulkit Kakkar (@pulkitkkr) on Sunday, 3 December 2017

videocam_off

Technical level

Intermediate

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +1

Abstract

User Interface of an app is all about, how the layouts must be presented to the user, but it’s the Animations that benchmarks the User Experience. Be it wiggling of Button on clicking, Event driven Animation on Modals ( for example on canceling translating back to bottom, on sending translating to right etc.) they all adds to user satisfaction. The hands on session with ‘Animated’ in React Native shall lay the foundation for better User Experience.

Outline

Why Animations?

Animation Solutions provided by React-Native

State Animation Vs Event Driven animations

Hands On Coding Session with several feature of ‘Animated’ react-native library

Present Limitation of React-Native Animations and it’s work-around

Requirements

  • Must Know React / React-Native
  • Basic Knowledge of es6
  • Laptops

Speaker bio

https://drive.google.com/file/d/0B5gSPy2LyTgueU5hbEFfX0gzY0k/view?usp=sharing

Comments

Login with Twitter or Google to leave a comment