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
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Styled Components React Js - Complete Tutorial», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.