How to Build an Interactive “Wheel of Fortune” Animation with React Native

React Summit Remote Edition

React Summit Remote Edition 2021

Oli Bates

Sharing a Codebase with React & React Native: The Holy Grail?

- 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>

When we started building the Cleo app, we noticed that a lot of functionality, design and types were shared between web (React) &amp; mobile (React Native). We investigated whether these could be shared within the codebase too… join me to find out what we discovered. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>