Skip to Main Content
React Projects
book

React Projects

by Roy Derks
December 2019
Intermediate to advanced content levelIntermediate to advanced
474 pages
10h 3m
English
Packt Publishing
Content preview from React Projects

Combining animations with the Animated API

Having the transition by changing the opacity of the Filled component is already an improvement to the game interface. But there are more animations we can create to make the game's interaction even more appealing.

One of the things we can do is add a fade-in animation to the size of the Filled component. To make this animation work well with the fading in animation we've just created, we can use the parallel method from the Animated API. This method will start the animations that are specified within the same moment. To create this effect, we need to make the following changes:

  1. For this second animation, you want the Filled component to not only have a color that fades in, but also a size that ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

React Projects - Second Edition

React Projects - Second Edition

Roy Derks
Test-Driven React

Test-Driven React

Trevor Burnham

Publisher Resources

ISBN: 9781789954937Supplemental Content