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