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

  • Date: 1 Sep
  • Days: Tue
  • Timings: 09:00-18:00
  • Venue:To be confirmed

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

Attendee testimonial

Coaches

Further details

"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

Loading ...

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

Tell us about yourself

What are your main interests in a React training?

Financial Support

Looking for a way to spread the cost of training? We've partnered with Coursebud to offer an easy way to obtain a suitable loan for this training.

Just click the link, and apply directly on the Coursebud site... that's it!

You may also be interested in

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

Secure React apps using JWT and React Router

You should protect your React app at two different layers: At the API layer, the data that the user can read or change. At the React layer…

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

Upcoming - All Events#

6
Apr1 day

Advanced React Patterns, FP & Performance
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

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

18
May3 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.