Microinteractions & Animations in React Native: Help users understand the UI - Catalin Miron

Published: 06 January 2020
on channel: React Conferences by GitNation
4,796
195

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  


On this page of the site you can watch the video online Microinteractions & Animations in React Native: Help users understand the UI - Catalin Miron with a duration of hours minute second in good quality, which was uploaded by the user React Conferences by GitNation 06 January 2020, share the link with friends and acquaintances, this video has already been watched 4,796 times on youtube and it was liked by 195 viewers. Enjoy your viewing!