Полный видео-курс по Tailwind CSS

Tailwind состоит из множества классов утилит уже готовых к использованию. В этом курсе мы будем на практических примерах пошагово изучать как работать с TailwindCSS и изучать и применять его возможности. Во время курса будем реализовывать доску для задач по типу trello. На каждом уроке изучаем очередную группу утилит и применяем ее к проекту.

0. О курсе Tailwind CSS
1. Что такое Tailwind CSS?
2. Установка TailwindCSS
3. Как работать с TailwindCSS CLI?
4. Как написать компонент с TailwindCSS?
5. Варианты установки TailwindCSS
6. Ширина и высота в TailwindCSS
7. Как работает TailwindCSS
8. Размеры шрифта и их кастомизация в Tailwind
9. Как поменять цвет текста и фона в TailwindCSS
10. Flexbox в TailwindCSS
11. Установка padding и margin в Tailwind CSS (ранний доступ на Boosty)
12. Скроллинг, overscroll и overflow в Tailwind CSS
13. Border в Tailwind CSS - ширина, радиус, цвет, стиль
14. Как настроить Tailwind Config?
15. Кастомизация TailwindCSS утилит

Плейлист со всеми частями курса Этот курс выкладывается на Boosty с ранним доступом. Подпишись на Boosty и получи ранний доступ к актуальным темам о фронтенде и эксклюзивный контент.

Компоненты высшего порядка 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

Паттерн Compound Components в React - Составные компоненты

Составные компоненты (Compound Components) в ReactJS - это такой паттерн, в котором взаимосвязанные компоненты используются вместе. Эти компоненты используют общее состояние для общения друг с другом. Сам Compound Component состоит из нескольких компонентов поменьше, которые обычно объединяют в единый namespace. В этом видео напишем компонент с использованием паттерна Compound Components. Смотреть на Rutube

Управляемые и неуправляемые компоненты React

Смотреть на Rutube