React Summit Remote Edition

React Summit Remote Edition 2021

This workshop focuses on building an interactive wheel of fortune feature with React Native. The feature, called spin to win, incentivizes users to save more by allowing them to spin a wheel and contribute to their savings. The tutorial covers setting up the pan responder to detect user gestures, calculating rotation using gesture handling, mapping animation values to rotation, adding momentum to the wheel for a realistic spinning effect, and addressing issues such as incorrect rotation and lack of velocity. The workshop also explores extensions like adding confetti and haptic feedback for a better user experience.

- Intro - Cleo &amp; our mission- What we want to build, how it fits into our product &amp; purpose, run through designs- Getting started with environment set up &amp; “hello world”- Intro to React Native Animation- Step 1: Spinning the wheel on a button press- Step 2: Dragging the wheel to give it velocity- Step 3: Adding friction to the wheel to slow it down- Step 4 (stretch): Adding haptics for an immersive feel <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

#react spinning wheel