Real World React Native Animations
Offered By: egghead.io
Course Description
Overview
In this course we'll explore how to create many popular animated concepts in applications across web and mobile applications. We'll look at both simple, complex, and subtle interactions that you can use to enhance your React Native application.
This course should empower you to look at an animation in an application, break down the effect, and rebuild it in your own application.
The ultimate goal is to show how using the basic Animated calls we can build out effective and complex animations that take your application to the next level.
This course should empower you to look at an animation in an application, break down the effect, and rebuild it in your own application.
The ultimate goal is to show how using the basic Animated calls we can build out effective and complex animations that take your application to the next level.
Syllabus
- Create a Horizontal Parallax ScrollView in React Native
- Animate a React Native Information Callout View
- Bounce a Heart Shaped Button in React Native on Press
- Create An Exploding Heart Button in React Native
- Build an Animated Floating Action Button in React Native with Springy Menu
- Use React Native to Animate a Swipe Away Comment Modal
- Create a Tap to Show Love React Native Animation
- Toggle Hidden Details on a React Native Event Card
- Build a Collapsible React Native Header Bar
- Create an Expanding Notify Input with Success Message in React Native
Taught by
Jason Brown
Related Courses
User Experience for the WebOpen2Study Mobile Application Experiences Part 1: From a Domain to an App Idea
Massachusetts Institute of Technology via edX UX-Design for Business
Fraunhofer IESE via Independent User Experience (UX) Design: Human Factors and Culture in Design | 设计的人因与文化
Tsinghua University via edX Introduction to User Experience Design
Georgia Institute of Technology via Coursera