Полный видео-курс по Tailwind CSS
2 года назад·1 мин. на чтение
Tailwind это супер простой и расширяемый способ работать с CSS.
Tailwind состоит из множества классов утилит уже готовых к использованию.
В этом курсе мы будем на практических примерах пошагово изучать как работать с TailwindCSS и изучать и применять его возможности.
Во время курса будем реализовывать доску для задач по типу trello. На каждом уроке изучаем очередную группу утилит и применяем ее к проекту.
- О курсе Tailwind CSS
- Что такое Tailwind CSS?
- Установка TailwindCSS
- Как работать с TailwindCSS CLI?
- Как написать компонент с TailwindCSS?
- Варианты установки TailwindCSS
- Ширина и высота в TailwindCSS
- Как работает TailwindCSS
- Размеры шрифта и их кастомизация в Tailwind
- Как поменять цвет текста и фона в TailwindCSS
- Flexbox в TailwindCSS
- Установка padding и margin в Tailwind CSS (ранний доступ на Boosty)
- Скроллинг, overscroll и overflow в Tailwind CSS
- Border в Tailwind CSS - ширина, радиус, цвет, стиль
- Как настроить Tailwind Config?
- Кастомизация TailwindCSS утилит
Паттерны ReactJS видео-курс
2 года назад·2 мин. на чтение
О паттернах в React проектах
Компоненты высшего порядка ReactJS (Higher-order components)
Паттерн Компонент высшего порядка назван по аналогии с функциями высшего порядка. Функция высшего порядка - это функция, которая либо принимает функцию как аргумент, либо возвращает функцию как результат. И то же самое можно сделать с компонентами. Функция (Higher Order component, HOC) может принимать компонент в качестве аргумента, что-то с ним делать и возвращать модифицированный (каким-то образом улучшенный) компонент. Смотреть на RutubeКак использовать Компоненты высшего порядка ReactJS
Смотреть на RutubeПаттерн Render Props в ReactJS
В этом видео поговорим о паттерне Render props в ReactJS, напишем примеры с разными кейсами, где render props полезны, посмотрим на пропchildren
и передадим в него аргументы.
Render prop - это функция, которая возвращает JSX, и эта функция используется как проп в компоненте.
К пропсам с таким поведением принято добавлять префикс render
(например, renderContent
), чтобы отличать обычные пропсы от тех что возвращают JSX.
Смотреть на Rutube