1-Day Styling in React and Design Systems Workshop: Remote
Learn in this remote workshop 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: 27 Nov, Friday
- Timings: 09:00-18:00 GMT+01:00
- Location: Remote
- Conference room: Zoom.us
Curriculum
Styling in React
- CSS-in-JS with Styled-components
- UI component libraries comparison: SemanticUI, MaterialUI, Rebass, and React-Bootstrap
- Storybook
- Context
- Themes
- Modals
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
Learning Objectives
Coaches
Further details
- Hands-on training and progressive curriculum based on our teaching method.
- Cohort and alumni Slack channels.
- Further questions? Contact us :)
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
Oct3 hours
GraphQL Trial
Remote
Prices & more details
Oct3 weeks
React Redux Fundamentals Part-time
Remote
Prices & more details
Oct5 weeks
React Part-time Bundle
Remote
Prices & more details
Related articles
See all blogsTop 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…
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…
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…
Upcoming Training
Oct3 hours
GraphQL Trial
Remote
Prices & more details
Oct3 weeks
React Redux Fundamentals Part-time
Remote
Prices & more details
Oct5 weeks
React Part-time Bundle
Remote
Prices & more details
Nov3 weeks
Advanced React Part-time
Remote
Prices & more details
Nov3 days
GraphQL API
Remote
Prices & more details
Dec1 week
React Bootcamp
London, UK
Prices & more details
Dec3 days
React Redux Fundamentals
London, UK
Prices & more details
Dec3 days
Advanced React
London, UK
Prices & more details