1-Day Styling in React and Design Systems Workshop Berlin

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

  • Date: 7 Apr
  • Timings: 09:00-18:00
  • Venue:diconium digital solutions: Mollstraße 1, 10178 Berlin, see on the map

1-Day Styling & Design Systems Curriculum #

Curriculum

Styling in React

  • CSS-in-JS compared to other approaches
  • UI component libraries comparison: SemanticUI, MaterialUI, Rebass, and React-Bootstrap
  • Styled-components
  • Storybook
Hide detail

Advanced UI Patterns

  • Themes
  • Compound Components
  • Context
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

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.

Join the newsletter

Sign up and learn about cutting-edge React and GraphQL plus the latest news on our training courses...

We won't spam you as per our Privacy Policy.

Looking to unsubscribe?

You may also be interested in

1
Apr1 week

React Redux Bootcamp
Berlin, Germany
Prices & more details

6
Apr3 days

Advanced React Training
Berlin, Germany
Prices & more details

6
Apr1 day

Advanced React Patterns, FP & Performance
Berlin, Germany
Prices & more details

Related articles

See all blogs

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

Join us at React Day Berlin Conference and Workshops

After a successful appearance at React Amsterdam earlier this year, React GraphQL is thrilled to be...

Read more

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

Upcoming - All Events#

11
Mar3 weeks

GraphQL Part-time Training
Remote
Prices & more details

1
Apr3 days

React Fundamentals
Berlin, Germany
Prices & more details

1
Apr1 week

React Redux Bootcamp
Berlin, Germany
Prices & more details

6
Apr1 day

Advanced React Patterns, FP & Performance
Berlin, Germany
Prices & more details

6
Apr3 days

Advanced React Training
Berlin, Germany
Prices & more details

7
Apr1 day

Advanced React UIs & Styling With Design Systems
Berlin, Germany
Prices & more details

8
Apr1 day

Testing in React
Berlin, Germany
Prices & more details

22
Apr3 days

React Fundamentals
London, UK
Prices & more details

22
Apr1 week

React Redux Bootcamp
London, UK
Prices & more details

27
Apr3 days

Advanced React Training
London, UK
Prices & more details

27
Apr1 day

Advanced React Patterns, FP & Performance
London, UK
Prices & more details

28
Apr1 day

Advanced React UIs & Styling With Design Systems
London, UK
Prices & more details

29
Apr1 day

Testing in React
London, UK
Prices & more details

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