Prototyping With
React + Framer

An expedited ride to a new galaxy of creativity
Are you familiar with HTML/CSS but new to JavaScript or React?
This course is tailored for you!

By

Behance
by
大白鸟
Weather
by
Edoardo Fusaro
Insta-Spotify
by
Lichin Lin

MORE SHOWCASES

14 modules, 25 hand-picked examples
JavaScript

Coding basics

ES6

React

Components, Hooks

State, Props

Framer

Framer Motion

Overrides, Workflow

5 FOUNDATION MODULES

Getting Started

coding fundamentals

JSX vs. HTML

Toggle

objects, functions, variables, arrays, array destructuring

styling components, the true face of JSX

animate, transition, variants

Framer X Overrides

overrides

Slider

objects, scope, conditionals

component composition and communication

drag, useAnimation, transform

Tinder Swipe

arrow function, ternary operator, array.map

hooks

useMotionValue, useTransform, useSpring

9 ADVANCED MODULES

Mouse Parallax

expressions, data types

onMouseMove, hooks

useMotionValue, useTransform

Radio Group

object destructuring

state, debugging, components are printers, custom hooks

the true face of useCycle

Animation Orchestration

async/await, promise

stagger animation, keyframes

Scroll Parallax

custom hooks

useParallax hooks, useMotionValue

Advanced Framer X

property controls, design and code components

Stock Chart

import JSON, fetch data, iterate object, array functions, error handling

useEffect, conditional rendering

Framer Motion

mount and unmount, "key" prop

motion tags, AnimatePresence, positionTransition

SVG Animations

Math functions

motion.path, pathLength, pathOffset, onPan

Smiley In Motion

An in-depth, 26-part Framer Motion course (click to see details)

SATELLITE
First
2 Modules
1.5 Hours of HD videos
4 exercises
$99
FREE
ENROLL NOW
Limited-time offer
SPACE SHUTTLE
Foundation
Modules
4 Hours of HD videos
11 exercises
Private Slack
$149
$99
Upgrade to Starship for $149
ENROLL NOW
Limited-time offer
STARSHIP
All
14 Modules
14 Hours of HD videos
26 exercises
Private Slack
$299
$219
or $29 per month
ENROLL NOW
Limited-time offer
Interested in a condensed workshop for your team? Email me.

100% RISK-FREE INVESTMENT

If you are not completely satisfied with the course, you can get 100% refund within 30 days of your purchase. No hard feelings!
I’ve seriously learned 10x more in the last 4 weeks than in the last 8 months trying to learn Framer on my own, also quite a bit of React as a bonus. These 4 weeks will really stay with me for a long time!
Kevin Cannon
Product Designer, Pitch
👉 More Testimonials
Q.

Is this a Framer course or React course?

A.
It's a React course, Framer course and JavaScript course, all in one! It's a linear learning process that guides you from zero coding experience to being able to build stunning prototypes. Try the Satellite course!
Q.

Do I need to have JavaScript experience to join?

A.
No. This course is designed to get you started quickly even with 0 coding experience. I'll cover basic coding concepts along the journey to creating stunning prototypes.

I'll assume that you are familiar with HTML and CSS.
Q.

I'm familiar with Framer Classic, is this course for me?

A.
Yes! As one of the students said: "I just didn’t get the whole React/Declarative/Framer X general way of thinking. Also using some of the basic hooks. I think starting in Code Sandbox made it a bit easier. So, it wasn’t one specific thing but all the other things. I will recommend this course to anyone who’s struggling to make the switch to X."
Q.

I'm familiar with jQuery, is this course for me?

A.
Yes! React requires a different mental model than jQuery. This course covers that mental model with illustrations and metaphors. I think you'll like it! Try the first couple of modules to see!
Q.

Is there a Parity Purchasing Power program or student discount?

A.
Please email me: linton[AT]jimulabs.com.
Hi! I'm Linton!

I'm a full-stack developer and I love design. I've been teaching designers React since 2017 and I'm loving it! I'm also the author of a couple of courses at Treehouse and Lynda.

My dark little secret: 😈 creating this course is also my special way to learn all things about design and React -- trying to explain things clearly has taken my understanding of the concepts to a whole new level.

Thrilled to be on this journey with you!

Hey! I'm Beebee!

I'm a designer and animator. I draw inspiration from my dream diaries.

In my dreams, I saw mammoths chasing little bears on a circus. I managed to turn missiles launched from North Korea into splendid firework shows. I convinced the Emperor of Qin Dynasty to stop killing. I chatted with Prince Edwards in Chinese. I was left in awe by the weirdly breathtaking scenes made up of lily pads, lotus, water grass and pale dead fish...

What's in your dreams?

© 2022 jimu Labs Inc.