Styling React Components with CSS
You can't have plain html without styling. You can but you will probably never do that in a real world scenario. In this lesson we will go over styling of React Components using CSS.
In the previous lesson, we created a simple landing page, but it was not styled at all. Now it is time to play a bit with styling in React.
Synopsis
As HTML, CSS and JS evolved they were always separate and it was good. It was “Separation of concerns”.
HTML - was assigned to structure content.
CSS - gave beauty and look to it
JS - to give life to it.
React broke one rule when it put HTML into JS. These two fused into a React Component and by now we already have some feel for its benefits e.g. re-usable components that can be plugged anywhere. But we haven't discussed CSS so let's see how we handle CSS in this new world.