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 useRef Hook By Example: A Complete Guide

Updated:

useRef is a built-in React Hook. What is it used for? How does it work? I'll reveal this hidden gem for you with a few real-world examples.

React Tutorials

Person behind the cardboard
cardboard with a hole
camera man
flash
💪🐼👊

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.

Post preview image

Design x React

Post preview image
Post preview image

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
Post preview image

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?

Post preview image

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.

Post preview image

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.