All Posts

"this" Is Weird: Understanding JavaScript "this" Keyword

The this keyword in JavaScript behaves differently than similar constructs in other languages.

React useRef Hook By Example: A Complete Guide

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.

What is React: A Visual Introduction For Beginners

What is React? What is it used for? Why React? This is an interactive guide for complete beginners. The only prerequisite is some knowledge of HTML.

React Mental Models: The True Face of JSX

What is an JSX tag really? It's JavaScript code in disguise. Let's reveal its true face!

React Mental Models: Working With Input

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.

React Mental Models: Cutting Holes In HTML

What is React to do with cutting holes on a cardboard? Surprisingly, they have a lot in common.

Design Data Tables with Real Tables: Part 2

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.

Design Data Tables with Real Tables: Part 1

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.

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

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?

Those Curly Braces in JSX

Prototyping Advanced Scroll Interactions in Framer X

An introduction to Parallax, a Framer module that makes it easy to prototype advanced scroll interactions.

Inside Parallax, my first Framer X component, Part 2

A technical deep dive of what's inside the Parallax module I made for Framer.

Inside Parallax, my first Framer X component, Part 1

A technical deep dive of what's inside the Parallax module I made for Framer.

What is Redux: a designer's guide

What is Redux? Why should you care (as a designer)? What can Redux do? I'll answer these questions in plain English and doodles, and help you understand the big picture even if you are not a developer.

Framer X: the hype, the powers, the challenges and the grand vision

A few speculations about Framer X when it was about to launch

Harnessing React Power in Design Prototyping

An interview with Jack Hallahan, a designer who uses React

React Native vs. Cordova, PhoneGap, Ionic etc.

What is a "native" app, anyways? What's good about a more native app? React terms explained in plain English and doodles.

Props and State Re-explained

A more in-depth explanation of props vs. state. React terms explained in plain English and doodles.

React Sketch.app: backstory and full vision

A conversation with Jon Gold, the creator of React Sketch.app

Components, Props and State

What are React components, props and state? React terms explained in plain English and doodles

What Is React Native?

What is React Native? How does it relate to React? React terms explained in plain English and doodles.

React Course for Designers, Anyone?

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