React For
Designers
and visual learners

Tutorials and courses on design and frontend development: React, Framer, HTML, CSS, JavaScript

What is React?

Updated:

This is an interactive guide for complete beginners. The only prerequisite is some knowledge of HTML.

Latest

React Tutorials

💪🐼👊

React Mental Models: Working With Input

Updated:

How do we work with the HTML input in React? Its behavior might be surprising. Read this post to get a good understanding of Input. And you'll get to do some Kung Fu routines with Panda too.

Design x React

React Course for Designers, Anyone?

Updated:

Should designers code? This is an eternal question. I interviewed 13 designers and asked them this tough question.

Framer

Build 15+ real world prototypes
13 hours, 130 lessons

Busy Designers' Guide to Framer: A 4-Week Plan

Updated:

Code is the real power of Framer. But like any advanced tool, it requires a lot of learning and practice to master. How would you successfully learn Framer when you are busy?

Design Data Tables with Real Tables: Part 1

Updated:

How do you design data tables? Would you draw titles, lines and cells one by one? Or would use real HTML tables? Try the Data Grid component in Framer. This post covers the no-code features of the component.

Design Data Tables with Real Tables: Part 2

Updated:

How do you design data tables? Would you draw titles, lines and cells one by one? Or would use real HTML tables? Try the Data Grid component in Framer. This post covers advanced features that involve Framer Overrides.