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

2 года назад·1 мин. на чтение

Tailwind это супер простой и расширяемый способ работать с CSS.

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

Паттерны 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

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

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

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

Смотреть на Rutube