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

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

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?

Related articles

See all blogs

The challenge of learning while working: Rafael’s story

Back in April 2020 after our Remote Bootcamp we had a chat with Rafael, who attended the Advanced...

Read more

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

Learning React in COVID-19 times: Daniela's story

Changing careers is never easy. It’s a daunting prospect and sometimes it can feel simpler to just...

Read more

Upcoming Training#

12
Aug1 week

React Bootcamp
London, UK
Prices & more details

12
Aug3 days

React Redux Fundamentals
London, UK
Prices & more details

17
Aug3 days

Advanced React
London, UK
Prices & more details

23
Sep1 week

React Bootcamp
Barcelona, Spain
Prices & more details

23
Sep3 days

React Redux Fundamentals
Barcelona, Spain
Prices & more details

28
Sep3 days

Advanced React
Barcelona, Spain
Prices & more details

14
Oct1 week

React Bootcamp
London, UK
Prices & more details

14
Oct3 days

React Redux Fundamentals
London, UK
Prices & more details

19
Oct3 days

Advanced React
London, UK
Prices & more details

26
Oct3 weeks

React Redux Fundamentals Part-time
Remote
Prices & more details

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