YoVDO

Real World React Native Animations

Offered By: egghead.io

Tags

React Native Courses Mobile Development Courses Animation Courses User Experience Design Courses

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.

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