React 19: Пользовательский хук

  Рет қаралды 5,727

Школа web-программирования Constcode

Школа web-программирования Constcode

Күн бұрын

Одна из мощнейших возможностей React - это пользовательские хуки. С помощью пользовательских хуков можно практически безгранично переиспользовать логику и код. Вместо HOC теперь можно писать чистый JS код, компонующий в себе стандартные и другие пользовательские хуки. В этом уроке напишем несколько хуков для своих проектов.
Наш главный курс "JavaScript старт" - constcode.ru/j...
Бесплатная консультация - constcode.ru/f...
Контакты:
Сайт - constcode.ru
VK - constcode
KZbin - / @web-constcode6252
Telegram - t.me/constcode
Discord - / discord
Материал урока:
github.com/Ale...
ru.reactjs.org...

Пікірлер: 28
@irinal7766
@irinal7766 Жыл бұрын
Мне нравится ваш плейлист по этой теме! спасибо!
@web-constcode6252
@web-constcode6252 Жыл бұрын
рад стараться
@ИванИванов-у3ч4м
@ИванИванов-у3ч4м 3 жыл бұрын
Нет. 900 подписчиков, с таким гарным контентом... Так нельзя... Я только что видео Минина aka ЧитаюДокуНаВидео о хуках посмотрел и ничего не понял. Здесь же... Парень, у тебя талант!
@web-constcode6252
@web-constcode6252 3 жыл бұрын
Да данный момент 1.5 к. Растем
@othersidesss1
@othersidesss1 Жыл бұрын
хреново объяснил этот урок!
@ИванИванов-у3ч4м
@ИванИванов-у3ч4м 3 жыл бұрын
Отличный урок. Другого контента на канале не видел, но подпишусь не глядя, ибо годнота.
@trendsgallery
@trendsgallery Жыл бұрын
У Данчина как обычно подобраны какие-то гениально простые примеры. У тебя есть вроженный навык объяснять. Например, у конкурента твоего RED Group (Максим) такой навык отсутствует.
@web-constcode6252
@web-constcode6252 Жыл бұрын
Спасибо, но я не знаю кто это.
@vanunsakanyan2188
@vanunsakanyan2188 3 жыл бұрын
хотель бы продолжения
@web-constcode6252
@web-constcode6252 3 жыл бұрын
Постригусь, покрашусь и продолжу =D
@vanunsakanyan2188
@vanunsakanyan2188 3 жыл бұрын
@@web-constcode6252 буду ждать
@Vlad-us9xt
@Vlad-us9xt 3 жыл бұрын
top!!!
@АлексейКомлев-т4с
@АлексейКомлев-т4с 2 жыл бұрын
Кастомные хуки классная штука))
@web-constcode6252
@web-constcode6252 2 жыл бұрын
Согласен !
@flogger2367
@flogger2367 Жыл бұрын
Реакт рекомендует и использовать массив, как в своих хуках... Одна из причин можно назвать как хочешь и не привязываться к название свойства в обьекте или надо будет использовать алиас, что увеличивает код, читабельность...
@web-constcode6252
@web-constcode6252 Жыл бұрын
Согласен
@flogger2367
@flogger2367 Жыл бұрын
@@web-constcode6252 хотя посмотрел примеры, код и уроки других объекты здесь вполне приемлемый вариант...
@amat0ru
@amat0ru 3 жыл бұрын
5:23 сильно согласен ты, или совсем не согласен, но нужно понять что это сделано так, чтоб мы могли задать любые названия состоянию, и функции изменяющей это состояние.
@web-constcode6252
@web-constcode6252 3 жыл бұрын
Да, и так тоже. Просто варианты.
@DarkKrasnoff
@DarkKrasnoff 3 жыл бұрын
А зачем на 8:45 в дефолтном кейсе редьюсера пересоздавать стейт? Почему нельзя вернуть прежний стейт без изменений?
@web-constcode6252
@web-constcode6252 3 жыл бұрын
В принципе из соображения производительности имеет смысл возвращать не измененный стейт. С точки зрения анализа изменения зависимостей - это хороший мув. Но спецификация требует чтобы редьюсер был чистой функцией, по этому и возвращаем новый объект.
@DarkKrasnoff
@DarkKrasnoff 3 жыл бұрын
@@web-constcode6252 Просто в официальных доках (что по редаксу, что в описании хука реакта) в таких случаях возвращают прежний стейт. Потому и спросил. А чистой разве запрещается возвращать входной параметр в неизменном виде? Везде только пишут, что его нельзя модифицировать.
@web-constcode6252
@web-constcode6252 3 жыл бұрын
@@DarkKrasnoff Это выходит за рамки простого программирования на JS, но да, если функция будет возвращать ссылку на тот же объект, который к ней приходит, то функция чистой уже не будет. Нужно смотреть в каждом конкретном случае, но в общем случае не будет чистой.
@vanunsakanyan2188
@vanunsakanyan2188 3 жыл бұрын
все в вышом уровне, посмотрел все ваши уроки. спосибо за все!!!!
@web-constcode6252
@web-constcode6252 3 жыл бұрын
Не останавливайся! Есть и другие уроки на канале.
@fl1pp1x
@fl1pp1x 3 жыл бұрын
Полезно
@web-constcode6252
@web-constcode6252 3 жыл бұрын
Да =)
@Яимоятлень
@Яимоятлень Жыл бұрын
Урок отличный и понятный, здорово, что примеры приведены из других уроков ранее - проще воспринимать материал и писать код "наперёд"
React 20: Render-Prop
13:08
Школа web-программирования Constcode
Рет қаралды 6 М.
Custom Hooks in React (Design Patterns)
12:56
Cosden Solutions
Рет қаралды 46 М.
小路飞嫁祸姐姐搞破坏 #路飞#海贼王
00:45
路飞与唐舞桐
Рет қаралды 9 МЛН
Spongebob ate Patrick 😱 #meme #spongebob #gmod
00:15
Mr. LoLo
Рет қаралды 20 МЛН
Which One Is The Best - From Small To Giant #katebrush #shorts
00:17
Кастомные React-Хуки, useToggle, useLocalStorage
22:20
Михаил Непомнящий
Рет қаралды 19 М.
Зачем на самом деле нужен хук useCallback
8:33
Михаил Непомнящий
Рет қаралды 42 М.
React 17: Хук useContext
18:31
Школа web-программирования Constcode
Рет қаралды 12 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 676 М.
CI/CD - Простым языком на понятном примере
15:29
Артём Шумейко
Рет қаралды 49 М.
Программисты-самоучки... Слушайте внимательно.
22:45
Евгений Афанасьев
Рет қаралды 80 М.