React Animation On Scroll Simplified
React Animation On Scroll. Build React Project using a Solar System API.
How to do smooth scroll with useRef.
Building a modal using React Portal.
I love our solar system
GitHub link: https://github.com/vasswann/solar-system
Timecodes
00:00 - Intro
02:08 - Setup your project
04:25 - Setup the Demo component | Animation on scroll practice
16:14 - Build our main project
17:52 - Build a video background in React
23:09 - Build our animation planet section
24:12 - Fetch API from a local JSON file in ReactJs
33:38 - React Animation on Scroll
34:53 - Use useReff to make a smooth scroll in React
37:22 - Create Modal in React
45:00 - What is React Portal
46:36 - Style a Modal in React with the module.css
55:55 - Build an animated footer on the scroll
01:01:27 - typewriter effect with CSS only
01:04:51 - Animation on a scroll callback function. Trigger an effect after the animation is finished.