Welcome back.
In this video, let me give you overview of taming CSIS.
TV.
CSIS is like bootstrap.
They have a built in class names that we can use right away without worrying about writing our custom
CSIS.
Personally, I prefer to use in case of a bootstrap.
One is that for bootstrap, the customization is not all that easy, but for having success.
It is easy to customize CSS inside having CSS and for bootstrap any application that has been built
using bootstrap, you can see that, well, this particular application was built using bootstrap,
but for table access, you can see though by the few and it looks for me it looks better than using
bootstrap, but a choice is yours.
So for this one you can choose to use bootstrap or BOMA or any CSS framework, but for this we are going
to use table and CSS and again, we are going to focus on the CSS part.
But the logic behind front end application and for TV's access to our provide the component for you
without you writing in the table CSS code.
But if want to know more about saving CSS, let me show you the trick.
It's all about the class names.
So if you click on getting started and then scroll down on the core concept, we have what is called
utility first fundamentals.
If you click on that.
So let me show you how the class names are being used.
Let's say that we want to use a test color or a background for text.
Start with word text and then the color is orange and then the opacity ranging from 1 to 900.
So you can see that for this one, they gave it a color of slate with opacity for 500.
The same way we did for our app here.
Inside the app, you can see that we added a test color to it as text and then the color, then the
opacity.
So if a background is going to be as big as that, so this one, if I save it, let's see the background
of it.
And you can see that this is a background color of it.
And if you want to have the IntelliSense from saving CSS, go ahead and then install the extension for
TV in CSS.
And this is what I installed and I'm going to have something like this one.
So that is pretty much for the TV and CSS.
So let's go ahead and focus the actual concept for our application.
So let's go ahead and then configure our application to use React router in the next video.