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

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

You may also be interested in

21
Oct3 hours

React Trial
Remote
Prices & more details

22
Oct3 hours

GraphQL Trial
Remote
Prices & more details

26
Oct3 weeks

React Redux Fundamentals Part-time
Remote
Prices & more details

Related articles

See all blogs

Why Learn React in a React Academy

Earlier this year, we discussed how to choose an online React course and helped hundreds of...

Read more

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

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

21
Oct3 hours

React Trial
Remote
Prices & more details

22
Oct3 hours

GraphQL Trial
Remote
Prices & more details

26
Oct3 weeks

React Redux Fundamentals Part-time
Remote
Prices & more details

26
Oct5 weeks

React Part-time Bundle
Remote
Prices & more details

13
Nov3 weeks

Advanced React Part-time
Remote
Prices & more details

16
Nov3 days

GraphQL API
Remote
Prices & more details

9
Dec1 week

React Bootcamp
London, UK
Prices & more details

9
Dec3 days

React Redux Fundamentals
London, UK
Prices & more details

14
Dec3 days

Advanced React
London, UK
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.