React Components And How To Style Them
Online May 29, 2020, 2:10 PM - 3:00 PM
Front End Developer
This talk will cover all the ways (and there are probably more than you'd think) of styling React components.
You've just started a new React project, you've set up your compilers, server and loader and you're set to go.
Then, you decide to start styling your project. And here's where it gets tricky.
Sure, you could just create an "index.css" file, throw all your style rules in there and call it a day.
However, the larger your project gets and the more components you create, the more likely you are to fall prey to overridden style rules and there's really only so many "!important"s you can add.
That's where this talk comes in. We're going to discuss the methods of styling in React (everything from inline styles to Styled-Components), carry out a couple of comparisons and save you hours of wondering why this one component doesn't fit into your grid layout.