Microinteractions & Animations in React Native: Help users understand the UI - Catalin Miron
Find the latest React.js talks & workshops at https://portal.gitnation.org
🗓
Talk recording from React Day Berlin Conference 2019
Check out the latest React Day Berlin news – https://reactday.berlin
See other React conferences by GitNation
React Summit Amsterdam – https://reactsummit.com
React Advanced London – https://reactadvanced.com
Microinteractions and Animations in React Native
A microinteraction goal is to provide feedback based on the user’s action. This can help users visualize how the interface moves or behaves, even though it’s purely digital on a flat screen.
- What is a microinteraction
- The power of microinteraction
- How microinteractions work
- Basic microinteraction breakdown: Action, Reaction and Feedback
- Microinteractions examples in React Native
Dating app: https://github.com/catalinmiron/react...
Swipe cards: https://github.com/catalinmiron/react...
Photo walkthrough: https://github.com/catalinmiron/react...
Navigation transition: https://github.com/catalinmiron/react...
Shopping list + details: https://github.com/catalinmiron/mobil...
Feedback form morph effect: https://github.com/catalinmiron/react...
Seat selection: https://github.com/catalinmiron/react...
Sync data and intro animation: https://github.com/catalinmiron/react....
Catalin Miron
React, React Native, GraphQL and OS enthusiast.
Subscribe to our channel to see more React (Native) talks: / @reactconferences