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

27
Nov1 day

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

15
Dec1 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

Is this one day workshop right for me?

  • Are you a developer or designer with experience building React components and using CSS?
  • Are you a developer or designer interested in building scalable and reusable UIs for big React projects?
  • You are not satisfied with the Designer/Developer handover in real-world React projects?

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

Not for React beginners!

Next workshop: 27 Nov, remote
Using our site means you consent to our use of cookies. Find out more in our privacy policy.