Полностью кастомный компонент календарь React 18 + Typescript без библиотек по типу moment.js, dayjs. В данном видео можно найти много функций, который работаю с new Date. Если есть идеи, что я еще могу разобрать в режиме лайв кодинга, пишите в комментарии.
github rep - github.com/debabin/react-cust...
Таймкоды ⌛️
00:00 Вступление
00:53 Начало работы
03:00 Функция createDate
08:00 Функция getWeekNumber
11:40 Функция createMonth
15:00 Функция getMonthNumberOfDays
18:50 Функция createYear
24:41 Начало работы над компонентом Calendar
26:00 Делаем hook useCalendar
30:10 Функция getMonthesNames
38:41 Функция getWeekDaysNames
45:00 Делаем получение дней для календаря
1:02:00 Функция formateDate
1:07:00 Пишем стили для календаря
1:08:40 Делаем шапку календаря
1:13:13 Пишем стили для дней календаря
1:14:13 Делаем отображение дней
1:19:00 Функция checkIsToday и checkDatesIsEqual
1:25:50 Создание функции для стрелочек
1:31:45 Пишем стили для месяцев и годов
1:33:20 Делаем отображение месяцев и годов
1:45:00 Результат
1:47:20 Вывод
Социальные сети 🔥
youtube: / siberiacancode
telegram: t.me/techdnevnik
vk: siberiacancode
twitter: / db_babin
instagram: / db_babin
rutube: rutube.ru/channel/24693196/
28 июн 2024