ТЕМНІ СЕКРЕТИ стилізації React компонентів. CSS modules, Styled Components, Tailwind | (укр)
У цьому відео ми розкриємо темні секрети стилізації React компонентів за допомогою популярних інструментів, таких як CSS Modules, Tailwind, Styled Components та Bootstrap. Дивіться, як створити стильні компоненти для вашого проєкту!
ламповий телеграм канальчик - https://t.me/bui_studies
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 - на самоопрацювання