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
- On this page:
- Training details
- Is it right for me?
- Pricing
- FAQs
- Date: TBD
- Venue: TBC. Host it and get exclusive promotions
Curriculum
Styling in React
- CSS-in-JS with Styled-components
- UI component libraries comparison: SemanticUI, MaterialUI, Rebass, and React-Bootstrap
- Storybook
- Themes
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
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 :)
You may also be interested in
27
Oct3 hours
Oct3 hours
GraphQL Evening with Round Table 💥 Online
London, UK
Prices & more details
Related articles
See all blogsLearning React in COVID-19 times: Daniela's story
Changing careers is never easy. It’s a daunting prospect and sometimes it can feel simpler to just...
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…
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…
Upcoming Training
27
Oct3 hours
Oct3 hours
GraphQL Evening with Round Table 💥 Online
London, UK
Prices & more details