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

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
  • 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

Find out more

Attendee testimonial

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?
  • 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.

Not for beginner devs!

Blog: Are YOU the Perfect React Student?

Prices

There is no event scheduled

Tell us about yourself

What are your main interests in a React training?

You may also be interested in

1
Apr1 week

React Bootcamp
Remote
Prices & more details

1
Apr3 days

React Redux Fundamentals
Remote
Prices & more details

6
Apr3 days

Advanced React
Remote
Prices & more details

Related articles

See all blogs

Heading to React Amsterdam? We’ll see you there!

As the alumni from our training will probably tell you, we live and breathe all things React here at React GraphQL Academy. True as that is…

Read more

Women in Tech - Georgina’s Story

At React GraphQL Academy, we pride ourselves on our commitment to helping under-represented groups...

Read more

A TypeScript tale  - Interfaces, Classes & Generics

So far, in the previous episodes, we have covered the various basic types but will come to a point...

Read more

Upcoming - All Events#

1
Apr1 week

React Bootcamp
Remote
Prices & more details

1
Apr3 days

React Redux Fundamentals
Remote
Prices & more details

6
Apr1 day

Advanced React Patterns, FP & Performance
Remote
Prices & more details

6
Apr3 days

Advanced React
Remote
Prices & more details

7
Apr1 day

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

8
Apr1 day

GraphQL 101 & Real-World Testing in React
Remote
Prices & more details

22
Apr3 days

React Redux Fundamentals
Remote
Prices & more details

22
Apr1 week

React Bootcamp
Remote
Prices & more details

27
Apr3 days

Advanced React
Remote
Prices & more details

27
Apr1 day

Advanced React Patterns, FP & Performance
Remote
Prices & more details

28
Apr1 day

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

29
Apr1 day

GraphQL 101 & Real-World Testing in React
Remote
Prices & more details

30
Apr3 hours

React Trial
Remote
Prices & more details

18
May3 weeks

React Redux Fundamentals Part-time
Remote
Prices & more details

18
May5 weeks

Complete React Part-time
Remote
Prices & more details

Corporate team training

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