Styled components Tutorial Part1: Tips and tricks for styling login forms

This is part 1 of a 2 part Tutorial on using Styled components in React.js. In this video, you will learn how to set up styled components, set up a global style using createGlobalStyle. Also, learn how to create base button styles and extend styles. Styled Components is a library categorized as CSS-in-JS. This is different from css modules, which is the alternative way of styling your React app. You can organise style components in a way to create your own design systems like Material-ui or Bootstrap. Starter Code on github : https://github.com/ui-code-tv/starter-styledApp Intro : (00:0:00) Demo code walk through: (00:05:18) Setup component style module : (00:15:05) Setup global style using createGlobalStyle : (00:17:05) Setup login form styles : (00:23:48) Setup base button styles and extend it : (00:36:50)