CSS-in-JS with Styled-Components

Marius Hauken

Robin Sandborg

Half-day workshop - in English

We'll take a deep-dive into CSS-styling. First we'll cover the golden rules of CSS styling – regardless of your chosen implementation. Then we will quickly look at some different solutions to CSS in JS in React. After this, you will be better equipped to make choices on how best to style your react project.
 
For the remainder of the workshop we'll look into Styled Components and how to style a project with it. Well look into:
  • Organizing your styled components
  • Theming
  • Dynamic styling of components
  • Animations
 
After this workshop you'll be better equipped to write CSS in JS. You'll get some experience of different techniques of styling CSS in the React ecosystem with a main focus on Styled Components and how to use that in large and small projects.

Requirements

  • Computer ready for running React
  • Some knowledge of GIT
  • We'll not cover the basics of React, so some prior knowledge is nice, but not required

About the workshop-holders

Marius Hauken and Robin Sandborg both have a Master in Design from Bergen Academy of Arts and Design. After this they've focused on frontend and helped a lot of clients improve their frontend and organize their CSS. They've held multiple workshops on scalable CSS for larger projects. The last few years they've worked at Stacc and delivered frontend and design for the fintech-industry.

Primarily for: Developers, UX specialists, Designers

Participant requirements: Computer ready for running React Some knowledge of GIT We'll not cover the basics of React, so some prior knowledge is nice, but not required