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
Themes

Design Systems

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

Learning Objectives

Upcoming dates

Sorry! There are no training dates confirmed.

See all upcoming training

Free learning resources!

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!

Upcoming Training

GraphQL Evening with Round Table 💥 Online
London, UK
Prices & more details

Corporate team training