Styled Components React Js - Complete Tutorial

Описание

React Styled Components complete tutorial for styling your components in React.js
In this video I will go over everything you need to know about the library. Styled-Components is a css library in react which allow you to style components very easily!

We will learn about basic styled components, we will work with dynamic styling, We will style the selectors, We will provide the Theme to our application, We will make the use of media query with styled components.

VSCode Extension for auto suggestion while working with styled-components-
vscode-styled-components -
https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components

Github Repository for the styled-components-demo -
https://github.com/ayushkul/styled-components-demo

Timeline
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
00:00 Introduction
02:30 Why it's so popular?
04:53 create-react-app
06:15 installation
07:55 Migration from CSS to styled component
10:20 Creating styled component
15:08 Styling selectors
16:18 Dynamic styling
20:58 Theme Provider
25:01 Responsive UI with Media query


Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Github: https://www.github.com/ayushkul
Instagram: https://www.instagram.com/theindiandev
Facebook: https://www.facebook.com/TheIndianDev

Equipments I Use:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
LG Monitor - https://amzn.to/3vUKOIf
Logitech Web Cam (720p) - https://amzn.to/3z4Rc1t
Wireless Keyboard & Mouse - https://amzn.to/3wWQiSV
Boya Mic for Recording Videos - https://amzn.to/2TCcYcJ
Mouse Pad - https://amzn.to/3uRKwAH
GoPro HERO9 Black - https://amzn.to/3z4b4li