Video courses

Animations with Framer-motion

Framer-motion course cover

Link: ⧉ YouTube

Framer-motion is a great animation library that allows you to create animations in web application and inside Framer X using the same intuitive API. In this course we’ll cover all the features that FM has to offer - from basic animations and layout transitions, to more complex imperative animations, working with gestures, and crafting low-level interactions.

What you will learn

  • Create declarative animations
  • Work with gestures
  • Control all aspects of animations
  • Integrate with 3rd-party libs
  • Create low-level animations

State management with Rematch

Rematch course cover

Link: ⧉ YouTube

Rematch is a state management library that works on top of Redux and helps to remove the main pain point of Redux - boilerplate. In this course, you will learn everything you need to start using rematch in production-ready applications.

What you will learn

  • Configure store
  • Create and interact between models
  • Work with side-effects

Framer X tips

Framer X course cover

Link: ⧉ YouTube

Framer X allows you to use React components to create more dynamic, functional, and precise UI prototypes. In this course, you will learn a few tips on how to improve your Framer X prototypes with code.

What you will learn

  • Work with useState and useEffect hook
  • Connect components to data API
  • Use styled-components for working with CSS