Разрабатываем компонент DatePicker без гугла
HTML-код
- Опубликовано: 7 сен 2024
- В данном видео будем разрабатывать компонент DatePicker, постарался не использовать Google.
В данном ролике напишем каркас для компонента, в следующем видео постараемся вкрутить наш календарь в попап, добавить обвязку и покрыть все тестами.
Ссылка на репозиторий в GitHub:
github.com/Ayu...
Ссылка на Telegram:
telegram.me/ay...
Шикарная работа. Прям одно удовольствие смотреть. Один из привлекательных моментов, что на TS. Сейчас делаю что-то на подобии - ренджовый дейтпикер(с двумя датами). А так, все по красоте: голос, подача, размышления, код 🔥🔥🔥
Спасибо!
Супер интересное видео,главное ничего не вырезать и не ускорять,хочется полностью слышать все мысли и видеть все действия.
Такая мысль и была, когда записывал. Прада не все могут столько сидеть за одним видео.
@@ayub_begimkulov могут) посмотри на Ютубе канал "Давай попробуем javaScript", он записывает видео по 3-4-5 часов где делает какой то сайт . Закачаешься и смотрят.
Мне кажется, частенько на собесах на позицию по крайней мере мидла требуют умение писать сложные компоненты: вложенные списки с млуьтифункционалом, дейтпикеры, всякие попапы с формами и прочее.
В общем, это хорошая практика написать самому такое)
Недавно также написал компонент datepicker, но на vue. Неплохо получилось. Сейчас думаю над написанием реального пет проекта с использованием этого компонента, но кажется придется внести дополнения под нужды проекта. А использовать готовое не очень хочется. А идея с лайвкодингом очень понравилось
Да, на пет проектах можно что-то такое спокойно делать, так как нету сроков и тд.
Спасибо за фидбэк!
радительскому div-у, в стили, добавь background-color: lightgrey; grid-gap: 1px; а cell-ам background-color: white; будет тебе идеальная сетка без всяких вычислений
Даже не подумал об этом, спасибо за совет!
это тебе спасибо за крутые видео. А я, всего лишь, предложил еще один вариант :)
Классный видос!! #react #ts #js #video #it #html #css
как всегда полезно) хотелось бы какое нибудь сложное тз на сеньера по типу что нибудь задизайнить или по архитектуре, future sliced например не совсем понятна, откуда во фронте столько сущностей
Хорошая идея, у меня вообще в планах есть начать стримить либо же делать больше видосов с лайв кодом, думаю в рамках этой рубрики можно сделать что-то такое.
Без гула, так без гула!)
Ахахаха, это было скорее как челендж, но я удивлён был, что даже нигде не встрял)
@@ayub_begimkulov ну а в названии можно поменять "гула" на "гугла"?)
@@lirrr6555 спасибо, поправил)
Вопрос:
Зачем в начальное значение useState прокидывать callback в возвращаемым значением new Date()?
Видел где то такое, но так и не понял до конца зачем там cb)
Мемоизация
Чтобы каждый раз при рендере компонента не создавался объект Date.
Так как использоваться будет все равно 1-й инстанс для инициализации, остальные просто будут собраны сборщиком мусора.
февраль не может быть 27 дней февраль 28 дней длится и раз в 4 года февраль 29 дней длится
Ахахах, все верно.
Во время видео сразу о нескольких вещах думаешь, на банальных вещах можно тупить)
Месяц еще можно получить вот так date.toLocaleString("en-US", { month: "short" })
Тоже норм вариант.