1-Day Styling in React and Design Systems Workshop: Remote

Learn in this remote workshop how React can look great and encourage design consistency using Design Systems

  • Date: TBD
Buy tickets

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
Hide detail

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
Hide detail

Learning Objectives

Find out more

Coaches

Further details

  • Food not included.
  • Accomodation not included.
  • Hands-on training and progressive curriculum based on our teaching method.
  • Cohort and alumni Slack channels.
  • Further questions? Contact us :)
"We're moving to React so I've looked at the codebase to identify where we could be using advanced patterns..."

Lara Ramey, Software Developer - Meredith Corporation

Is this 1-day React 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?

Do you have any questions? Contact us :)

Prices

There is no event scheduled

Related articles

See all blogs

Server-side rendering SSR made easy with React

Server-side rendering refers to the technique in which a web server returns dynamic HTML on the HTTP response. By dynamic I mean the HTML on…

Read more

React forms controlled & uncontrolled components

React is a tool, not a Framework. React’s job is to render user interfaces. This means that React does not ship any code to make the…

Read more

What's the difference between React & React Native?

The two share a lot in common, but you’re going to want to take a minute before you dive in and create your first React Native app. There…

Read more

Upcoming Training

27
Oct3 hours

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

Corporate team training

Find out more