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

Introduction to ReactJS
Microsoft via edX
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax
React
Udacity