Как создать компонент carousel на ReactJS (видео уроки)

1. Как создать carousel/слайдер на ReactJS с нуля

Это видео - первая часть из серии о том как создать компонент слайдер на React JS. В‌ ‌этом‌ ‌видео‌ создадим компонент carousel (или image slider, карусель, слайдер) на ReactJS, рассмотрим схему html элементов и css классов, а также разберемся в принципах работы компонента carousel. Смотреть на Rutube

2. Компонент carousel и составные компоненты ReactJS

В‌ ‌этом‌ ‌видео‌ создадим компонент carousel (или image slider) на ReactJS при помощи паттерна Составные компоненты (Compound Components). Смотреть на Rutube

3. Как сделать динамическую ширину слайдера на ReactJS

В‌ ‌этом‌ ‌видео‌ реализуем динамическую ширину страниц в компоненте carousel в ReactJS. Смотреть на Rutube

4. Как сделать бесконечный скролл в слайдере ReactJS?

В‌ ‌этом‌ ‌видео‌ добавим бесконечный скролл в компонент carousel (image slider) на ReactJS, а также рассмотрим принцип работы бесконечного скролла. Смотреть на Rutube

Исходный код

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 и получи ранний доступ к актуальным темам о фронтенде и эксклюзивный контент.