Шаг за шагом изучите Styled Components и создайте интересный проект на протяжении курса.
Соавтор styled components Макс Стойбер говорит:
«Основная идея styled components состоит в том, чтобы обеспечить соблюдение лучших практик, удалив сопоставление между стилями и компонентами».
Styled Components являются частью движения CSS-in-JS, где мы можем создавать компоненты, которые обладают собственными инкапсулированными стилями. Нам больше не нужно создавать компонент, выберите селектор, а затем спешите к app.css или любой другой таблице стилей для написания отдельных стилей. для этого конкретного компонента. Что делает Styled Components такими крутыми, так это их великолепный синтаксис шаблонов с тегами, который позволяет создавать обычные компоненты React, только определяя стили. С нулевой конфигурацией Styled Components поддерживают модульность css, переменные в css, вложение в css, и многое другое. Styled Components также позволяют нам писать простой CSS в ваших компонентах, не беспокоясь о конфликтах имен классов.
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
React Styled Components Tutorial and Project Course,
а также все другие курсы, прямо сейчас!
Alternative Syntax - React Components as Styled Components
Урок 28.00:11:58
Hero Component Example
Урок 29.00:09:45
Banner Component Added
Урок 30.00:09:43
attrs Method
Урок 31.00:07:45
CSS Helper Function
Урок 32.00:08:39
Animations
Урок 33.00:33:07
Themes
Урок 34.00:07:26
Simple Media Queries
Урок 35.00:06:32
Media Queries with a Object
Урок 36.00:00:57
About Project
Урок 37.00:02:46
Project Intro
Урок 38.00:02:21
Setup Files
Урок 39.00:03:18
Bootstrap Application
Урок 40.00:13:06
Folder Structure
Урок 41.00:14:07
Global Styles
Урок 42.00:10:13
Helper Functions Intro
Урок 43.00:02:09
Polished.js
Урок 44.00:11:26
Hero Component
Урок 45.00:16:56
Background and Flexbox Helper Functions
Урок 46.00:11:11
Banner Component Basics
Урок 47.00:07:45
Banner Component CSS
Урок 48.00:12:11
Banner Component Helper Functions
Урок 49.00:08:32
Banner Component Animation
Урок 50.00:16:57
Button Component
Урок 51.00:02:46
"as" Prop
Урок 52.00:11:06
Section Component and Title Components
Урок 53.00:14:35
About Section
Урок 54.00:09:15
Rooms Component Setup
Урок 55.00:16:09
Rooms Component
Урок 56.00:25:53
Single Room Component
Урок 57.00:08:47
Grid Shortcut
Комментарии
TP
Please update
Anonymous
Please update
rakeshsuvidya
update this course to React Styled Components Course 2021 (V5)
Anonymous
Best course and tutorial about Styled Components, I like courses by John Smilga. Thanks!
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
В этой серии уроков мы буде говорить о Styled Components. Мы поговорим о том как использовать Styled Components и о лучших способах их организации в проекте. Также мы подумаем о том, когда нужно использовать Styled Components, а когда мы можем обойтись простым css.
Учитесь, создавая проект реального мира - Красивое приложение в стиле IMDB. Хотите стать хорошим в React быстро? Вы начинающий разработчик React.js или уже знакомы с React? Вы хотите освоить основы React.js и многое другое в практическом курсе, ориентированном на проект? Вы хотите учиться быстро и прямо к делу? Тогда это курс для вас!