React Custom Hooks - Пишем компонент прогресса чтения

Поделиться
HTML-код
  • Опубликовано: 18 окт 2024

Комментарии • 51

  • @denissavast
    @denissavast Год назад

    Отличные обзоры!

  • @zerocool14pvo
    @zerocool14pvo 2 года назад +2

    Очень круто. Продолжай в том же духе.

  • @katada
    @katada 2 года назад +1

    Полный вперёд!)

  • @vitaliiverdiiev7272
    @vitaliiverdiiev7272 2 года назад +1

    Очень круто! ❤

  • @sengokusky1515
    @sengokusky1515 2 года назад +1

    Антон, красавчик! Успехов, лям подписчиков ;)

    • @PurpleSchool
      @PurpleSchool  2 года назад

      Спасибо! Буду к этом идти!)

  • @otabekfayziev7076
    @otabekfayziev7076 2 года назад +1

    Топ, спасибо!

  • @elmedia5786
    @elmedia5786 2 года назад +1

    5:57 хорошо отписываюсь))
    ps: спасибо за урок!

  • @alexandrsereda6644
    @alexandrsereda6644 2 года назад +3

    Антон, вы не могли бы сделать небольшой урок по обзору, настройке плагинов для vim? или может где-то уже есть подобные обзоры...?

    • @PurpleSchool
      @PurpleSchool  2 года назад +4

      Да, я сделаю отдельное видео по настройке Vim.

    • @alexandrsereda6644
      @alexandrsereda6644 2 года назад

      Спасибо, будем ждать)

  • @YevhenZhuchenko
    @YevhenZhuchenko 2 года назад

    throttle/denounce на такие часто вызываемые ивенты. Оптимизация

  • @azizgofurov1575
    @azizgofurov1575 2 года назад +3

    Спасибо! Вас дико интересно слушать. Насчет хуков - я сам стараюсь их примерно в похожих ситуациях, как с useScroll использовать. Хочу задать вопрос насчет useCallback, не нужно ли в кастомных хуках оборачивать функции (как handleScroll) в useCallback для лучшей производительности?

    • @enfllome8830
      @enfllome8830 2 года назад

      Тоже созрел вопрос, надо ли функции-хэндлеры обмазывать в useCallback?

    • @PurpleSchool
      @PurpleSchool  2 года назад +2

      Так как они будут вызываться только при изменении события скролла, который точно изменился (ведь событие произошло) тут будет лишним. А так можно.

    • @azizgofurov1575
      @azizgofurov1575 2 года назад

      @@PurpleSchool Спасибо большое за разъяснение. Учту в будущем)

    • @ДмитрийКривов-ы5б
      @ДмитрийКривов-ы5б 2 года назад

      @@PurpleSchool чтобы корректно отписаться от события нужна ссылка на ту же функцию handleScroll, при ререндере компонента функция будет создана новая, отписка в этом случае сработает?

    • @PurpleSchool
      @PurpleSchool  2 года назад

      @@ДмитрийКривов-ы5б да, мы же указываем ту же функцию по отписке.

  • @АлександрСкиталец-ц7р

    Пишу очень много кастомных хуков. Использую готовые примеры. Потому что считаю что надо отдельно держать логику от разметки jsx в компоненте.

  • @МаксимТкаченко-у1р
    @МаксимТкаченко-у1р 2 года назад +2

    Сам делал такой же хук, плюс ещё хук для работы с history api , что бы не просто делать history.goBack , а иметь больше контроля (к примеру кнопка назад не выкидывала с сайта). Ещё хуки на ресайз страницы так как в css никак не подвезут адаптив из коробки :(( (карточка товара следила не только за сеткой , но и за размером своего родительского контейнера-обертки и от него начинала перестраиваться)

    • @PurpleSchool
      @PurpleSchool  2 года назад

      Хорошее применение)

    • @maxshdev
      @maxshdev 2 года назад

      Container Queries завезли. Можете расслабиться ;)

  • @abdulloxathamov1358
    @abdulloxathamov1358 2 года назад

    с помощью этого видео я разузнал что на самом деле хуки и как сделать css компоненты
    + немного опыта в реальных проектах
    буду добавить моим пет проектам

  • @enfllome8830
    @enfllome8830 2 года назад

    Антон, отличное видео! Жду интересного контента от тебя)
    Единственное, что бросается в глаза - это камера сбоку.

    • @PurpleSchool
      @PurpleSchool  2 года назад

      Попробую в следующий раз спереди, спасибо!

    • @НиколайХаритонов-й3н
      @НиколайХаритонов-й3н 2 года назад

      Это что бы мы чувствовали что мы с боку сидим. Для лучшего погружения в процесс.

  • @WebEnv
    @WebEnv Год назад

    Звук топ

  • @mtyEyes
    @mtyEyes 2 года назад +2

    По-моему не хватает transition для плавности.

    • @PurpleSchool
      @PurpleSchool  2 года назад

      Согласен, можно добавить!

  • @victormog
    @victormog 2 года назад +2

    *VIM !!!!!*
    По сути - отлично!
    ... но тратить столько времени на текстовый редактор (а еще и на его настройки за кадром)...

    • @PurpleSchool
      @PurpleSchool  2 года назад +1

      Потом привыкаешь и становится удобно) видео по настройке есть на канале)

    • @victormog
      @victormog 2 года назад +1

      @@PurpleSchool при всём уважении, я уж лучше VS Code...

  • @d4rkdante
    @d4rkdante 2 года назад

    Привет, классный урок. Можешь подсказать тему вима?

  • @nikolaykasparov8387
    @nikolaykasparov8387 Год назад

    В шоке от людей в комментариях с вопросами по идешку) сниппетов нет (или вы ими не пользуетесь) саджестов не увидел, импорты не тянутся, линт на сохранение не работает))

    • @PurpleSchool
      @PurpleSchool  Год назад

      ruclips.net/video/LKnuIazeiM4/видео.html

  • @a.inozemtsev
    @a.inozemtsev 2 года назад +2

    Сейчас бы в виме сидеть, сводит скулы немного))

    • @PurpleSchool
      @PurpleSchool  2 года назад

      А почему не сидеть?)

    • @a.inozemtsev
      @a.inozemtsev 2 года назад +3

      @@PurpleSchool Каждый выбирает «свой» инструмент. Я не осуждаю Вас) Просто крайне удивлён комбинацией «модных» реакт и некст, с довольно великовозрастным вимом)
      Я думаю, что не все могут понять это, и для некоторых это будет отталкивающим фактором при просмотре видео.
      Само видео на 5💪🏻

    • @mushnikov35
      @mushnikov35 2 года назад

      @@a.inozemtsev webstorm конечно круче, но им тоже надо уметь пользоваться, горячие клавиши и прочее настройки