Explore practical hacks for creating delightful interactions in React Native applications in this 23-minute conference talk by Eric Vicenti at React Native EU 2017. Dive into the implementation of a photo viewer, examining the unconventional techniques used to deliver smooth user experiences. Learn about UI threads, native drivers, shared transitions, and touch event handling. Discover how to optimize response times, manage latency, and utilize tools like React Native Interactable and Gesture Handler. Gain insights on balancing code aesthetics with user experience, and understand why embracing necessary hacks can lead to more effective React Native development.
Overview
Syllabus
Introduction
Live Demo
Close Button
Beautiful UI
Third Element Transition
Horizontal Scroll View
General Hacks
Animating
React Native Thread
UI Thread
JavaScript
Delegate
Driver
Native Driver
Native Driver Limitations
React Native Threads
Squish View
Shared Transition
The Great Finger
Touch Events
Example
How does it work
If only
What does the client expect
Response time
Touchend
Smoothing Touchend
Latency
Android
Initial Perception Delay
Interaction Manager
React Native Interactable
React Native Gesture Handler
React Native Hacks
Animated Scroll View
Behavior
Paging
Scroll view
Follow through
Scroll views
Summary
The 3 hacks
Should we feel bad
Own your hacks
Hacks are unpleasant
Taught by
Callstack Engineers
