JazzedAboutCoding / react-spring-demo

a react-spring animation tutorial and demo project from start to finish **IN-PROGRESS

Home Page:https://youtu.be/TBD

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React-Spring Tutorial Series

The react-spring series is designed to take you from Zero to Hero ⚔️ with animating in React.

You will be building an Audiobook Library with three animated views:

  • home
  • grid
  • product detail
React-Spring Tutorial Demo Video

Project Tree

.
├── src
│   ├── App.js
│   ├── Pages.js
│   │
│   ├── components
│   │   ├── Books
│   │   └── ...
│   │
│   └── constants
│       └── ...
│
└── ...

Getting Started

Dependencies

  • Node: 11.10.0+

  • Dependency Resolver: Yarn 1.12.3+


To get up and running with the React-Spring Demo - go to the start/ directory:

# Install Dependencies
yarn

# Start Demo App
yarn start

Then follow along with the video series to build out the full application.

If at any time you get stuck, you can peek at the finished project in the completed/ directory, but try your best to push through!

You got this!! 💖

View Full Tutorial Series

IN-PROGRESS: Coming Soon...

About

a react-spring animation tutorial and demo project from start to finish **IN-PROGRESS

https://youtu.be/TBD


Languages

Language:JavaScript 77.7%Language:CSS 19.5%Language:HTML 2.8%