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

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

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

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

Please be aware that the ticket only covers the cost of the training, it does not include travel expenses.

You may also be interested in

27
Oct3 hours

GraphQL Evening with Round Table 💥 Online
London, UK
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

How to choose an online course

Following the success of our Remote Training programme early this year, we wanted to clarify the...

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

Upcoming Training

27
Oct3 hours

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