Styling in React andDesign Systems Workshop

See how React can look gorgeous and encourage design consistency at scale

1-Day Styling & Design Systems Curriculum #

Curriculum

Styling in React

  • CSS-in-JS with Styled-components
  • UI component libraries comparison: SemanticUI, MaterialUI, Rebass, and React-Bootstrap
  • Storybook
  • Context
    • Themes
    • Modals
Hide detail

Design Systems

  • Design system tokens: spacing, fonts, and colors
  • Styled System
    • Build a box
    • Design System based on props
      • Array props
      • Variants
    • Responsive design
      • Using props instead of writting media queries by hand
      • Array scales
Hide detail

Learning Objectives

Upcoming dates

19
Jun1 day

Advanced React UIs & Styling With Design Systems
Remote
Prices & more details

15
Jul1 day

Advanced React UIs & Styling With Design Systems
Remote
Prices & more details

28
Jul1 day

Advanced React UIs & Styling With Design Systems
Barcelona, Spain
Prices & more details

1
Sep1 day

Advanced React UIs & Styling With Design Systems
London, UK
Prices & more details

20
Oct1 day

Advanced React UIs & Styling With Design Systems
London, UK
Prices & more details

See all upcoming training

Free learning resources!

Sign up now

Training anywhere, anytime?

Corporate team training

Host a public training

Get exclusive promotions
"With React, everything is inter-connected which can be difficult to understand. But I see it clearly now [after the training]."

Rafa Fraga, Software Engineer - Freelance

Is this one day workshop right for me? Are you... #

  • A developer or designer with experience building React components and using CSS?
  • A developer or designer interested in building scalable and reusable UIs for big React projects?
  • Not satisfied with the Designer/Developer handover in real-world React projects?
  • A designer that builds React components and interacts with developers.

If you've said 'yes' to these, this workshop could be for you!

Not for React beginners!

Next workshop: 19 Jun, remote

Upcoming Training#

26
May2 hours

GraphQL Meetup with Round Table - Online
London, UK
Prices & more details

22
Jul3 days

React Redux Fundamentals
Barcelona, Spain
Prices & more details

22
Jul1 week

React Bootcamp
Barcelona, Spain
Prices & more details

27
Jul3 days

Advanced React
Barcelona, Spain
Prices & more details

26
Aug1 week

React Bootcamp
London, UK
Prices & more details

26
Aug3 days

React Redux Fundamentals
London, UK
Prices & more details

31
Aug3 days

Advanced React
London, UK
Prices & more details

14
Oct3 days

React Redux Fundamentals
London, UK
Prices & more details

14
Oct1 week

React Bootcamp
London, UK
Prices & more details

Using our site means you consent to our use of cookies. Find out more in our privacy policy.