ТЕМНІ СЕКРЕТИ стилізації React компонентів. CSS modules, Styled Components, Tailwind | (укр)

preview_player
Показать описание
У цьому відео ми розкриємо темні секрети стилізації React компонентів за допомогою популярних інструментів, таких як CSS Modules, Tailwind, Styled Components та Bootstrap. Дивіться, як створити стильні компоненти для вашого проєкту!

0:00 - що змінилось в проєкті
01:15 - стилі в React НЕ привʼязвні до компоненту
03:42 - як користуватись CSS модулями?
06:35 - коли варто використовувати CSS modules?
07:52 - постановка задачі
08:09 - перевірка значення в state компоненту
08:56 - динамічні inline styles в React
10:00 - динамічна зміна className в React
10:59 - метод масиву join для className
11:28 - бібліотека classnames?
13:49 - Styled Components?
17:26 - спільне між styled-components та css modules?
18:10 - допоміжні бібліотеки для стилізації
18:34 - bootstrap
19:18 - semantic ui та meterialize css
19:25 - MUI або Material UI
20:43 - як користуватись Tailwind CSS в React?
21:05 - Tailwind CSS + Vite React проєкт
22:38 - директива @apply
23:53 - де я користуюсь Tailwind CSS?
24:39 - на самоопрацювання
  1. Програмування Українською | БУЙ-стадіз
  2. программирование
  3. іт
  4. frontend
  5. html
  6. css
Комментарии
Автор

Короткий і дуже обємний по інформації відос. Давно так не завантажувався, що довелось передивлятись по декілька разів певні частини, і думаю все, що після css модулів тре буде ще раз глянути і поклацати.

kulibabenko
Автор

Топчанський. Відкрив для себе CSS модулі в Vite. Погнав прикручувати до свох компонентів.

kruhlyk_ua
Автор

Класне відео чудово пояснюєш, до речі не зовсім по темі, побачив scss і виникло питання краще вчити css а потім scss чи можна одразу з scss?

Gggesha
Автор

Як називається розширення, яке виводить підказки в коді 8:33 ?

yevhen_malenko
Автор

22:05 як вирішити проблему з підсвічуванням? не знаю кому це нах потрібно, але от як, обираєте той файт css в якому буде taiwind, знизу зправа (у ВС-коді) біля UTF-8 та LF є надпис CSS це мова цього файлу, там ми переключаєм з звичайного на Tailwind CSS і тепер наше середовище розробки розуміє та виправляє нас відповідно до правил Tailwind

ayogoharom
Автор

14:35 не в "VS code", а в "intellij idea" чи на "VS code", а не в "intellij idea". Га?

RomaOstapchuk