Edit product

$49

React for Design

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.

Purchasing now will get you access when additional videos are released. The price will be going up as more videos are released.


The videos that are currently finished include:

  • Building a Simple Component
  • Designing with Realistic Data
  • Styling with JavaScript
  • Building an Icon Library
  • Creating a Design System, Part 1: Flexible Components
  • Creating a Design System, Part 2: Organization & Extension
  • Building a Design System, Part 3: Component Walkthrough
  • Composing Styles with Utility Props


Source files are included with the purchase. 


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'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.

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


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.


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.

You've purchased this product

See it in your library

View in Library
Sorry, this item is not available in your location.
Sold out, please go back and pick another option.
-Quantity 1+

Checkout

React for Design

Enter your info to complete your purchase

Card

···· ···· ···· 4242
Test card

05/18

Card

Use a different card?

Card

pp paypal

or pay with

We do not keep any of your sensitive credit card information on file with us unless you ask us to after this purchase is complete.

or pay with

You'll be charged US$49.

Your purchase was successful!

We charged your card and sent you a receipt

    Gumroad Library

    Download from the App Store or text yourself a link to the app

    Good news! Since you already have a Gumroad account, it's also been added to your library.

    Powered by Gumroad