useEffect в React. Исправляем частую ошибку

  Рет қаралды 8,901

senior_zone

senior_zone

Күн бұрын

Пікірлер: 52
@ihorv8258
@ihorv8258 Жыл бұрын
Супер! Хотелось бы еще посмотреть про аборт контроллер и другие полезные паттерны в реакте. И само собой useInsertionEffect, тоже интересно
@dabiggestfloppa3441
@dabiggestfloppa3441 Жыл бұрын
Огромное спасибо за видео! Объяснять такие нюансы очень важно!
@someChicoRy
@someChicoRy Жыл бұрын
довольно доходчиво) Единственное, это мелкий шрифт, но я думаю, что это уже исправлено в последующих видео. Спасибо
@НиколайСеливанов-и2в
@НиколайСеливанов-и2в Жыл бұрын
Спасибо, за видео. Кратко, чётко и доступно.
@alexr0v
@alexr0v Жыл бұрын
Чувак, ну ты хитрец, я увидел видосик на превьюхе которого было указано useInsertionEffect, просмотрел весь видос, в ожидании разбора этого хука, а его то и не было))) Ну ладно, материал годный, говоришь интересно, а я повторил то что уже знал, в целом время потрачено не зря))
@kreet4855
@kreet4855 Жыл бұрын
Спасибо за подробное объяснение! Однозначно подписка
@ilyagamepub
@ilyagamepub Жыл бұрын
Спасибо за полезный ролик, не почерпнул чего-то нового, но качество материала и его подача выглядят очень годно
@АлешаАлексей-г8ь
@АлешаАлексей-г8ь Жыл бұрын
С телефона не смотрительно, но по сути вкусно
@single346
@single346 Жыл бұрын
Попался ролик в рекомендациях. Хорошее дело делаешь! Лайк + подписка) Продолжай в том же духе, желаю развития твоему каналу
@xebunwhynot
@xebunwhynot Жыл бұрын
Очень жду про батчинг, отличная подача!
@Илья-э7ю9в
@Илья-э7ю9в Жыл бұрын
Классно объясняешь. Без лишней воды. Подписался)
@qantar8167
@qantar8167 Жыл бұрын
Спасибо за видео! Очень интересно узнавать такие вещи будучи начинающим
@Clicker1337
@Clicker1337 Жыл бұрын
Было интересно послушать про race conditions, жду видео про batching
@belov1nho
@belov1nho Жыл бұрын
Супер наглядно и понятно подан материал, спасибо!
@mew6085
@mew6085 Жыл бұрын
Посмотрел, продолжил делать проект, заметил у себя при подгрузке данных с апи через useeffect моргание, вспомнил твой видос и пофиксил просто добавив uselayouteffect, спасибо за контент)
@snatvb
@snatvb Жыл бұрын
первый раз ваще вижу, чтоб кто-то рассказал про race-conditions - красава, вот что значит сеньер) я сам как раз через баг познакомился с этой болью кстати еще можно легко получить утечку, если промис подвиснет, а ты замкнул сет стейт, твой компонент после анмаунта будет жить пока промис не раздуплится, потому для таких вещей ваще стоит использовать внешние сторы, ну или на крайняк позаботиться о том, что промис имеет ограничение "на жизнь"
@AuezKemelov
@AuezKemelov Жыл бұрын
Очень полезно, годный контент.Огромная благодарность за проделанную работу! Прям от души 🙏 . Будут ли практики по React типа марафона??
@someChicoRy
@someChicoRy Жыл бұрын
очень полезно. Спасибо за твое время
@sliceem88
@sliceem88 Жыл бұрын
Шикарное видео, благодарю ! Да, он в кор-тиме реакта !
@klubkov
@klubkov Жыл бұрын
Хорошая подача материала, ждем новые видео)
@at1mo
@at1mo Жыл бұрын
За хорошие примеры, отдельно спасибо! А то большая часть на ютубе это стандартные, из доков)
@diasutebayev6576
@diasutebayev6576 Жыл бұрын
Привет! Можешь сделать видео по всем (во многом использующимся) хукам, и показать как их использовать чтоб не рендерился вся страница, а только определенный компонент
@СашаСидоров-м7ы
@СашаСидоров-м7ы Жыл бұрын
Спасибо!
@Igorojaa
@Igorojaa Жыл бұрын
Бро не сдавайся понимаю просмотров пока мало, запили как происходит рендер в реакте, какая очередность компонентов юзефектов, поддержу лайком)
@da_best_jokes
@da_best_jokes Жыл бұрын
Балдеж, бро. Только увеличь код пожалуйста, а то на телефоне вообще ничего не видно
@maratinteractive
@maratinteractive Жыл бұрын
про батчинг в реакте есть интересная вещь, если вызывать сетстейт в rAF (requestAnimationFrame) он батчится не будет.
@evgenyklunko434
@evgenyklunko434 Жыл бұрын
Спасибо за видео! Почему при вызове функции setModalIsVisible в качестве аргумента передаётся не bool значение, а функция (p) => !p
@701block
@701block Жыл бұрын
Видос отличный,но,пожалуйста,либо сделай окно вс кода побольше или увеличь шрифт,а то приходится прям вглядываться :(
@Soap9613
@Soap9613 Жыл бұрын
Хорошие видео, но примеры немного тяжеловаты) посмотрел два видео и в обоих увидел, что они тяжеловаты для восприятия, плюс код примеров мелкий) понимаю хочется отобразить весь код, но если сделать код попроще, то и размер шрифта можно будет увеличить
@АлМ-ы8ъ
@АлМ-ы8ъ Жыл бұрын
На будущее: автор, измените масштаб на более крупный при записи видео. Я не слепой, но разглядывать мелкие буковки, сами понимаете... так опытные стримеры не делают. Заранее благодарю
@seventeen8777
@seventeen8777 Жыл бұрын
Прошу хотя бы при монтаже увеличить громкость звука, слишком тихо.
@АндрейЛебедев-е4м
@АндрейЛебедев-е4м Жыл бұрын
Отличный разбор. Но смотреть с телефона затруднительно, поскольку шрифт кода мелковат.
@romkromkromk
@romkromkromk Жыл бұрын
Почему handleResize не внутри useEffect, где он используется?
@leonid_learn
@leonid_learn Жыл бұрын
кайф
@Kotsik
@Kotsik Жыл бұрын
А что это за расширение, которое подсвечивает название параметров?
@maratd1781
@maratd1781 Жыл бұрын
Хочу знать почему рендерится 2 раза
@neNiaz1
@neNiaz1 Жыл бұрын
можно код сделать более масштабированее?
@chervyakov-vladislav
@chervyakov-vladislav Жыл бұрын
Привет! Подскажи, какое расширение отвечает за сведения о параметрах функции? например useEffect( effect: () => {...})
@rustamakhmetyanov4404
@rustamakhmetyanov4404 Жыл бұрын
useEffect react
@Dmitriy-bq2xh
@Dmitriy-bq2xh Жыл бұрын
Познавательное видео, спасибо, но ты ж понимаешь, что в твоем случае отписка не произойдет)
@Dmitriy-bq2xh
@Dmitriy-bq2xh Жыл бұрын
@@senior_zone для handleResize нужно как то сохранить ссылку, т.е. чтобы в addEventListener и removeEventListener она была одинаковая. В вашем примере при первом же обновлении state эта ссылка потеряется, т.к. handleResize не замемоизирован
@701block
@701block Жыл бұрын
@@Dmitriy-bq2xh Можешь подробнее объяснить чуток,почему она не произойдет,оно же на маунте инициализирует функцию handleResize и в теории если компонент не произведет больше апдейтов,то ссылка на функцию остается той же самой.
@701block
@701block Жыл бұрын
@@Dmitriy-bq2xh по факту,ему просто надо handleResize создавать внутри этого useEffect'a и тогда вообще никаких проблем быть не должно.
@Dmitriy-bq2xh
@Dmitriy-bq2xh Жыл бұрын
@@701block да это классное решение, а теперь представь что твой handleResize для вычисления будет использовать какой нибудь входящий в компонент пропс ....)и это жиза
@Dmitriy-bq2xh
@Dmitriy-bq2xh Жыл бұрын
@@senior_zone Сдаюсь! Согласен, сработали рефлексы)Невнимательно посмотрел на список зависимостей. Ведь в данном случае правила оформления реакт хуков будут ругаться, указывая на то, что вы не добавили в список зависимостей функцию handleResize. "Значит, вы что-то не договариваете" говорят они. Лучшем решением как уже было написано выше будет: переместить эту функцию в эффект
@artemkirkhmaier484
@artemkirkhmaier484 Жыл бұрын
не совсем понятное объяснение по функции очистки, он как с ней так и без нее , фунеция эффекта всё равно отработала
@frontend_case
@frontend_case Жыл бұрын
Очень мелко
@YuryGoltsman
@YuryGoltsman Жыл бұрын
Ну вот зачем нужно пользоваться инструментами пропагандистов и рекламщиков? Если на картинке (или в названии) что то заявлено, расскажи об этом! Просмотрел бесполезный для меня ролик из-за заявленного useInsertionEffect, и что я получил? А получил я желание поставить дизлайк и забанить канал, даже несмотря на хоорошую подачу материала. Учитывайте, пожалуйста, это при создании контента
@YuryGoltsman
@YuryGoltsman Жыл бұрын
@@senior_zone спасибо
@bashkort_erete
@bashkort_erete Жыл бұрын
НИШТЯК ЗАПИЛИ ПЛИЗ ВИДОСЫ ПРО ВСЕ ОСНОВНЫЕ ХУКИ🙃
Life hack 😂 Watermelon magic box! #shorts by Leisi Crazy
00:17
Leisi Crazy
Рет қаралды 73 МЛН
useDeferredValue | Лучшая фича React 18 | Преобрази UX одной строчкой
15:01
Евгений Паромов | Front-end
Рет қаралды 6 М.
Введение в РЕВЕРС-ИНЖИНИРИНГ для начинающих
1:57:46
Студенческие клубы разработки СГУ
Рет қаралды 2,7 М.
Мемоизация в React. Хуки useMemo, useCallback
9:35
Аутентификация. Сессии и JWT
23:37
senior_zone
Рет қаралды 11 М.
НОВЫЙ REACT 18 ВЫШЕЛ
20:55
Ulbi TV
Рет қаралды 108 М.
85 - React JS - hook, useEffect, хуки
20:30
IT-KAMASUTRA
Рет қаралды 45 М.