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

Interactive 3D Graphics
Autodesk via Udacity
Creative Coding
Monash University via FutureLearn
Make Your Own 2048
Udacity
An Introduction to Interactive Programming in Python (Part 2)
Rice University via Coursera
HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX