Backstage

Stories while this course is being created

React Mental Models: The True Face of JSX

Look at this React component: It'll render an HTML input in the browser. It's a JavaScript function that returns a value. But let me ask…


React Mental Models: Working With Input

You still remember this comic from last post , right? I hope it's left a lasting impression on you since it's a really useful metaphor for…


React Mental Models: Cutting Holes In HTML

What is the comic above about? It's my mental model for building a UI with React: Step 1: Write some HTML Step 2: Cut some holes Cutting…


Design Data Tables with Real Tables: Part 2

In the last post , I showed you how to design a table with the Data Table package in Framer X. Have you tried it yet? If not, do it now…


Design Data Tables with Real Tables: Part 1

You are designing a new dashboard. You need to create a data table. You want custom styles on the titles and cells. You want precise control…


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

Code is the true power of Framer X. It’s the ultimate tool that we can use to express and communicate our creative ideas. But like any…


Those Curly Braces in JSX

In JSX, { } is a placeholder waiting to be filled. You can put in many things, a number, a string, an object or even a function. What you…


Prototyping Advanced Scroll Interactions in Framer X

Quick, how do you prototype a page with sticky headers like this in Framer X? What about this one? Or an SVG line tracing animation…


Inside Parallax, my first Framer X component, Part 2

In this series of posts, I want to give you a technical drill down of the parallax package I built for Framer X. Here are some key points…


Inside Parallax, my first Framer X component, Part 1

On day 2 of Framer X Beta, I built a proof of concept of a parallax component to explore the capability of the platform. Over the next…


What is Redux: a designer's guide

Have you heard of Redux? What is it? No googling please! "Fancy backend stuff" "I have heard of it but I'm not aware of what it is. It's a…


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

Update 09/21/2018: Now that Framer X is launched. Glad that I was able to guess a few things right. 😄 Check out this course I built…


Harnessing React Power in Design Prototyping

In today’s sea of design prototyping tools, React might be an unintuitive choice. The process of creating a prototype is supposed to be fast…


React Native vs. Cordova, PhoneGap, Ionic etc.

React terms explained in plain English and doodles🌴🎄⚛


Props and State Re-explained

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

React terms explained in plain English and doodles🌴🎄⚛


What Is React Native?

React terms explained in plain English and doodles🌴🎄⚛


What Is React?

React terms explained in plain English and doodles🌴🎄⚛


React Course for Designers, Anyone?

Should designers code? This is an eternal question.


© 2020 jimu Labs, Inc.