1-Day Styling in React and Design Systems Workshop: Hong Kong

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

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

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

Tell us about yourself

What are your main interests in a React training?

Related articles

See all blogs

React forms controlled & uncontrolled components

React is a tool, not a Framework. React’s job is to render user interfaces. This means that React does not ship any code to make the…

Read more

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

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

Upcoming Training#

10
Aug3 hours

GraphQL Trial
Remote
Prices & more details

24
Aug3 days

GraphQL API
Remote
Prices & more details

27
Aug3 hours

React Trial
Remote
Prices & more details

23
Sep1 week

React Bootcamp
Remote
Prices & more details

23
Sep3 days

React Redux Fundamentals
Remote
Prices & more details

28
Sep3 days

Advanced React
Remote
Prices & more details

14
Oct1 week

React Bootcamp
London, UK
Prices & more details

14
Oct3 days

React Redux Fundamentals
London, UK
Prices & more details

19
Oct3 days

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

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.