React 101 For Designers

Learn React from the beginning. Style components yourself!

Sign up to get two free videos about React components, props and state (no coding required).
Or buy now if you are already convinced!
Good pace, lots of examples and layman explanations helped me finally understand React. Thank you Linton!

- Aida Paul, Product Designer

FULL CURRICULUM

  1. Getting Started
    • Welcome
    • What is React?
    • Components, Props and State
    • Environment Setup
  2. Creating Your First Component
    • The House Component
    • JS Premier: ES6 Constants
    • JS Premier: Arrow Functions
    • JSX
    • Magic
    • JS Premier: Expressions
    • Placeholders in JSX
  3. Styling Components
    • JS Premier: Import / Export
    • JS Premier: Import Project Resources
    • Style Components with CSS
    • Inline Styles
    • CSS-in-JS
    • styled-components
  4. Making Components Interactive
    • Blue Roof, Red Roof - Props
    • Props and styled-components
    • React Developer Tool
    • JS Premier: ES6 Class
    • State and Class Components
    • Open Sesame! - setState
    • setState - How does it work?
    • Sleepy cat - Props and State Re-explained
    • Sleepy cat 2
  5. Animations
    • Ninja cat - CSS transitions
    • Ninja cat - react-motion
    • Many Ninja cats - CSSTransitionGroup
  6. Putting All Together: Course Project
    • create-react-app: Create a React project from scratch
    • Intro to Course Project

LEARN WITH FELLOW DESIGNERS

ENROLL NOW!

🔥M1: React 101 For Designers

Available Now!
  • Stream or download 31 lessons, 3.5 hours of videos
  • Exercises and solutions
  • Life time access, unlimited updates
$79

Get started today!

🔥M2: React Native 101 For Designers

Available Now!
  • Stream or download 58 lessons, 7.5 hours of videos
  • Exercises and solutions
  • Life time access, unlimited updates
$139$99

Discount ends June 30, 2018

🔥🔥All 4 Modules (50% OFF!)

Available 2018!
  • Includes both M1 and M2. Early access to M3 and M4 content when available
  • Exercises and solutions
  • Life time access, unlimited updates
$356$189

Appreciate your support!

Ask me about team pricing if you want to buy 3 or more licenses

100% RISK-FREE INVESTMENT

If you are not 100% satisfied with the courses, you can cancel your order at any time before the launch of the course. After launch, you still have 30 days to get 100% refund. No hard feelings!

Linton comes across like a really nice programmer that wants to help us designers.

- Lincoln Mitchell, Senior UX Architect

FAQs

Why should a designer learn coding?

I encourage you to check out this post to hear other designers’ opinions.

Learning to code will help you become better at design. Armed with a better understanding of how things work, you will find the communication with developers much more efficient. Your design ideas would be more convincing and more respected. You can even design with code.

New skills you learn will open new doors. Trust me, it will be a new world of creativity!

What are the prerequisites of the course?

Check out this page.

Why should I pre-order?

  • 50%+ off the regular price!
  • Zero risk – You can cancel your order anytime within 30 days. No hard feelings.
  • Start learning sooner – I’ll send you exclusive content updates while the courses are being created. You don’t have to wait until the launch date.
  • Learn what you want to learn – The courses are feedback driven. I’ll try my best to integrate your feedback into the course materials. It’s a good opportunity to have your influence on creating a great resource for the entire design community. Shoot me an email, I’m all ears!

In the spirit of transparency, I must share that I’ll use the number of pre-orders to gauge the potential of the idea. I’d really like to work on this full-time, but I need to be sure that my time is well spent – I want to create enough value that you are willing to pay for.

So, if you want a course to see the light of day, please pre-order. It’s risk free, and a great way to kickstart your journey of designing with React.

Thank you! I’d really appreciate your trust and support. I’ll do my best!

What if I am not satisfied?

If you are not 100% satisfied with the courses, you can cancel your order at any time before the launch of the course. After launch, you still have 30 days to get 100% refund. No hard feelings!

I have other questions!

Feel free to email me, or tweet at me, anytime!
Linton Ye
Hi! I'm Linton Ye!

Super excited to create these courses to help you become a better designer!

I'm a full-stack developer who's learning design. I have 10+ years of experience in mobile, development/design tools and web development. I've been working on React Native since 2015, and building Android apps since 2007 before the first Android phone, HTC G1, was even available. I also contribute to React Navigation project, and write a blog about React.

I love teaching. I've authored a few courses at Treehouse and Lynda. My dark little secret: 😈 creating this course is also my special way to learn all things about design and React -- trying to explain things clearly has taken my understanding of the concepts to a whole new level.

Thrilled to be on this journey with you!

© 2018 jimu Labs, Inc.