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

Interactive 3D Graphics
Autodesk via Udacity
Creative Coding
Monash University via FutureLearn
Make Your Own 2048
Udacity
An Introduction to Interactive Programming in Python (Part 2)
Rice University via Coursera
HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX