Buy Now and unlock this series
$
44
.99
$
34
.99
yours forever
$
44
.99
$
34
.99
Become a Pro and unlock everything
$
24
.99
per month
$
24
.99
React Spring
In this video, we are going to continue to build upon the interface by using React Spring. React Spring will give us the ability to do some really cool animations. We will start by changing the header image size depending on what page we are currently on.
Downloads
Become a pro to download code and videos
Pro Gatsby 2
26 videos
Course Instructor
Scott Tolinski
- Pro Gatsby
40S - Getting Started With GatsbyJS
8M10S - Gatsby FIles Explained
12M22S - Creating Pages
9M29S - Working With Assets
7M50S - Intro To GraphQL
7M59S - GraphQL Static Queries
8M6S - Plugins & Gatsby Source Filesystem
9M27S - Working With Markdown
16M27S - Our Query In React
12M17S - Improving Our Query with Filtering and Sorting
11M3S - Gatsby Node
11M16S - Creating Pages From Markdown Files
9M1S - Page Query vs Static Query
8M45S - Context In Page Queries
6M3S - Static Query From Scratch & Page Listing
12M35S - Styled Components In Gatsby
14M44S - Styling Part 2
9M3S - Gatsby Image
13M19S - React Spring
12M16S - Building Our Static SIte
7M20S - Hosting On Netlify
8M18S - Netlify CMS
9M50S - Easy Sitemaps
5M30S - Progressive Web Apps With Gatsby
5M44S - Where To Go Next
4M18S
Comments
Allan
almost 2 years ago
@Cody Spriggs Thanks Cody! Had no idea what I was doing wrong then looked at the comments and you have saved me a lot of frustration!
Graeme
over 2 years ago
@Cody Spriggs Thanks Cody you saved me there! import { Spring } from 'react-spring/renderprops'
Sam
over 2 years ago
@Cody Spriggs Thank you!!
Cris
over 2 years ago
Quick question about passing down props in gatsby... the main component where we should be looking at all time is PageRenderer component correct? that seems to be the main place where most props live..
so then in order for our components to have access to the location, we must first pass it down to all our pages because they are the higher component is that right?
then comes layout>[all other components] right?
Andrew
over 2 years ago
@Cody Spriggs thanks for the heads up
Austin Isinghood
almost 3 years ago
@Cody Spriggs Good call.
Cody Spriggs
almost 3 years ago
Hey Scott, just wanted to point out that I had to update my import "Spring" location to be from 'react-spring/renderprops' for it to work for me. Thanks for the great course!
Want to join the conversation?
Become a Pro member today!