What is React?
Updated:
This is an interactive guide for complete beginners. The only prerequisite is some knowledge of HTML.
React For Designers and visual learners
Tutorials and courses on design and frontend development: React, Framer, HTML, CSS, JavaScript
Latest
"this" Is Weird: Understanding JavaScript "this" Keyword
Updated:
The this keyword in JavaScript behaves differently than similar constructs in other languages.
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
React Mental Models: Cutting Holes In HTML
Updated:
What is React to do with cutting holes on a cardboard? Surprisingly, they have a lot in common.
💪🐼👊
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.
React Mental Models: The True Face of JSX
Updated:
What is an JSX tag really? It's JavaScript code in disguise. Let's reveal its true face!
Design x React
Harnessing React Power in Design Prototyping
Updated:
An interview with Jack Hallahan, a designer who uses 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
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.