Welcome to Syntax, where we deliver tasty treats for web developers. And welcome to Syntax.

In this episode, we're going to be talking about using CSS in JavaScript.

A little bit of maybe the libraries involved in that, some of the

what and whys, and we're going to take this one pretty lightly because I know this is

a fiery topic, so we're going to just talk about this from based on our experience

sort of what we like and dislike about the different processes and libraries and

stuff like that so to get things started we want to have a word from our sponsor.

Thanks so much to Fresh Books for sponsoring this episode of Syntax.

We'll talk a little bit more about them later on on the show,

but make sure you head on over to fresh books

dot com forward slash syntax and enter syntax into the how did you hear about a

section all right well we're gonna kick it off talking about CSS and J.S or styles. They don't seem to be called inline

styles anymore. I think because a lot of people got a bit but hurt over that

that they thought that it meant that you're actually writing your like

styles in a style attribute on your H. T. M. T. T. M. T. T. M. T. T. S. and J.S.

is essentially when you're writing an application in view or

angular or react or any of these things that is very component based.

It's starting to make sense to couple your CSS that styles that component with that component itself.

So that's the whole idea of CSS and J.S. where you couple those things together.

It's sort of throwing the whole

separations of concerns out the window and saying more like, well actually you

probably do want this template and the CSS to be tightly bound together.

...