 Let's talk about styling with components. The goal of this course is not to talk about exact methods of styling. So like CSS and JS versus CSS or whatever. The goal is to talk about components and how they can help you encapsulate those styling decisions of your app regardless of how you style it. First we'll visit reactjs.org. We'll click get started and click on that code pen link. Now if you have a react starter you can use that as well. I like this just because it's the quickest way to jump into react. We'll fork that so we have our own copy of it to make changes, readjust our window a little bit. Now I'm going to be using Bootstrap as a stand-in for a CSS framework, whether that be a framework that you have for your apps or one you're looking at, but this just uses CSS and I'm using it because it's pretty ubiquitous. A lot of people have heard about it, used it, or know about it. So I'll use Bootstrap 4 here in the quick add section of CSS, save and close. You can see that this text has now been updated to look more bootstrappy. I'm going to jump over to this code here and change that. I'm going to give myself an app component to play with and define that up here. For now let's just make a div and inside of it we'll create a button, single button. We'll have a type attribute which is set to button as well as the class names that we're going to be using. For Bootstrap that's going to be button and button primary, let's say. We'll give it some text and close the tag. Cool. We have a button in the primary style of Bootstrap. You can do something real quick, just get that away from the edge there a little bit. That's much better.