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?

You may also be interested in

5
Jun1 day

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

Related articles

See all blogs

Are Employee Retention and Employee Training Related?

Many companies struggle to retain their talent, but there is an easy solution: invest in training. I...

Read more

Unit testing explained with JavaScript

What is a unit test? I find useful to start explaining unit tests using the following example. Once I was hired to work on a big project for…

Read more

Top 10 reasons why you should learn React right now

Despite competition from Vue.js and Angular, React is proving developers’ go-to choice for building exciting web applications. Whether you…

Read more

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