Download Master React animations with Greensock (GSAP) : course 2

What you would learn in Master React animations with Greensock (GSAP) : course 2 course?

React.js is the most used Javascript library, and Greensock is the most popular JavaScript Animation library. In this course, we'll use them to create a fantastic menu animation.

We will explore how to make an incredible Rotated 3D Menu of Letters and this cool animation of a Scaled image using React and the GSAP.

We will be covering subjects like filter and map and the conditional rendering process, managing state animating on interaction, and managing timelines using Greensock.

The course will provide a step-by-process course to ensure that you are aware of what React.js and GSAP integrate and will help you land an exciting new job as a front-end developer or aid you in creating the experience you've wanted to have. The course is also focused on design and not just programming.

What do you plan to make?

This course contains 15 videos that will help you learn the way React.js, along with Greensock (GSAP), operate. There is no prior knowledge of either required. We'll put together an incredible menu that is visually appealing and has precise animation. Each part of this course is added gradually to ensure you have an understanding base.

Here's a listing of the subjects you'll cover through this program:

Your piece is styled to match your outfit
How to Utilize .map() to iterate through Array Items in JavaScript
How to use this filter() array method in JavaScript
React uses Conditional Rendering to render its content.
React to state management
The elements you want to target and animate react by using Greensock
Create a split-text animated with a staggered sequence using Greensock
Making and managing timelines with Greenock
Beware of flashing Unstyled Content (FOUC)
Animation based through interaction (on mouse leave, onMouseEnter, onMouseMove)
Create a custom cursor

Course Content:

Styled React component, with components that are styled
How to Utilize .map() for iterate through array items in JavaScript
How to use this filter() array method in JavaScript
Conditional rendering in react
React to state management
The elements you want to target and animate react by using Greensock
Create a split-text animated with a staggered sequence using Greensock
Controlling and creating timelines using greensock
Beware of flashing non-styled material (FOUC)
Animation by interactivity (onMouseLeave, onMouseEnter, onMouseMove)
Create a custom cursor