A React Course for Designers
React is a powerful design tool. There's a lot you can do with it that would be difficult with a traditional design application. Prototyping with realistic data sets, creating complex interactions and shared component libraries are just the tip of the iceberg.
React opens up new ways of designing interfaces and the systems that support them. If you're interested in using React for design work but not sure where to start, I made this course for you.
Try out a lesson for free
React, tailored to designers
This course is focused on the parts of React that are most useful for designers. Below is the list of videos in the course.
$
Building a Simple Component
Philip Davis
Waldorf, MD
Designing with Realistic Data
border-color
${color.}
box-shadow
${color.}
border-radius: 12px
Styling in JavaScript
0
0
0
000
000
000
000
Total
000
Building an Icon Library
small
medium
large
Building a Design System Part 1:
Flexible Components
Building a Design System Part 2:
Organization & Extension
Building a Design System Part 3:
Component Walkthrough
px={4}
mt={4}
br={5}
Composing Styles with Utility Props
Merry Brandybuck
Rosie Cotton
Samwise Gamgee
Bilbo Baggins
Frodo Baggins
Pippen Took
Creating Interactive Components
About the Instructor
My name is Philip Davis. I'm a designer who has used React to design interfaces at Apple and Facebook. I built this course to teach you how to get the most out React as a designer.
One Time Purchase
Pay once for full access. If you're not satisfied with the course, let me know within 7 days and I'll refund you.
One Time Payment
Source Files Included
Download or Stream HD Videos
Frequently Asked Questions
How much development experience do I need?
Less than you might think. You need a small amount of JavaScript, CSS, and HTML. If you've never used React before I wrote a longer article about getting started.
I would start by scaffolding an app. Once you've poked around a bit you should be able to start this course.
If you aren't sure you know enough, I have good news. The React API is small. The more you work in React, the more web fundamentals you'll learn.
I would start by scaffolding an app. Once you've poked around a bit you should be able to start this course.
If you aren't sure you know enough, I have good news. The React API is small. The more you work in React, the more web fundamentals you'll learn.
I've never used React, where should I start?
I wrote an article with my two cents. The tldr is:
1. Scaffold a project using create-react-app and build something simple.
2. Read the React docs all the way through.
1. Scaffold a project using create-react-app and build something simple.
2. Read the React docs all the way through.
Do you offer discounts?
Not currently. If you're looking for free resources, I made a collection of free react links for designers.
Why React instead of other JS frameworks?
There are lots of excellent JS libraries available. If you are currently learning or using one of these libraries I don't think you need to switch. React was the first development tool that I felt productive with as a designer. I recommend React over other JavaScript libraries for the following reasons:
1. Maturity
2. Adoption
3. Ecosystem
4. Framer X
1. Maturity
2. Adoption
3. Ecosystem
4. Framer X
What if I don't like the course?
If you don't like the course let me know within 7 days of purchase and i'll send you a refund.
Will I need to use the terminal?
I'd recommend learning a few basic commands on the terminal so that you scaffold a React app. I wrote a short guide that could be helpful.
Have a different question? Let me know
Ready to start?