Prototyping With
React + Framer

An expedited ride to a new galaxy of creativity

What you'll build
Are you familiar with HTML/CSS but new to JavaScript or React?
This course is tailored for you!
By
Previous Students
Trips
Behance
by
大白鸟
Save Time!
Only learn what’s necessary!
13 modules, 18 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
8 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
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
STARSHIP
All
13 Modules
8.5 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
FAQs
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.

What if I don't have a Framer license yet?

A.
No worries. You can download a free 14-day trial of Framer X. If you enroll in this course, you'll get a 20% discount on a Yearly subscription of Framer.

This course is designed with minimal upfront requirements in mind. Although it focuses on Framer (and React), you'd only need a modern browser to get started. Once you master its core, it'd be a breeze to move to Framer X at a later module (Module 9).
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?

© 2020 jimu Labs Inc.