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: TBD
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
- 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 :)
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
React Trial
Remote
Prices & more details
Oct3 hours
GraphQL Trial
Remote
Prices & more details
Oct3 weeks
React Redux Fundamentals Part-time
Remote
Prices & more details
Related articles
See all blogsAre Employee Retention and Employee Training Related?
Many companies struggle to retain their talent, but there is an easy solution: invest in training. I...
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…
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…
Upcoming Training
Oct3 hours
React Trial
Remote
Prices & more details
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