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

Creative, Serious and Playful Science of Android Apps
University of Illinois at Urbana-Champaign via Coursera
Creative Programming for Digital Media & Mobile Apps
University of London International Programmes via Coursera
Pattern-Oriented Software Architectures: Programming Mobile Services for Android Handheld Systems
Vanderbilt University via Coursera
Introduction aux réseaux cellulaires
Institut Mines-Télécom via Independent
Mobile Web Development
Google via Udacity