YoVDO

How to Make a React Website with Page Transitions Using Framer Motion

Offered By: Brian Design via YouTube

Tags

React Courses Web Development Courses Animation Courses React Router Courses Styled-components Courses Framer Motion Courses

Course Description

Overview

Create a React website with page transitions using Framer Motion in this 41-minute tutorial. Learn to implement animation effects for route changes using React Router, React hooks, and styled components. Follow along as the instructor guides you through creating a React app, building components, designing a header and hero section, and adding animations. Access the provided source code to enhance your learning experience and explore additional resources for further React development, including tutorials on adding animations, building with Gatsby JS and GraphQL, and creating a gym website using HTML, CSS, and JavaScript.

Syllabus

What we are building
Creating React App
Creating Components
Creating Header
Creating Hero Section
Adding Animations


Taught by

Brian Design

Related Courses

Framer Motion for React Tutorial
Net Ninja via YouTube
Animating React Components with Framer Motion
egghead.io
Animate React Apps with Framer Motion
egghead.io
Build and Deploy a Fullstack Responsive Portfolio Website - Ultimate Step by Step Tutorial 2022
JavaScript Mastery via YouTube
Framer Motion - React Animation Library Crash Course
Laith Academy via YouTube