15 - Hooks, оно нам надо? / React TypeScript - Путь Самурая 2.0

it-incubator.io/education/?ut... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
React Middle+ Контент для спонсоров:
• Front-end разработка CRM
Тоже самое для патронов
/ itkamasutra
Друзья, хуки (hooks) - это то, куда движется React, куда он уже пришёл и где он продолжает движение. Мы не можем не использовать хуки. Мы обязаны начинать новые проекты, используя Hooks API.
Теперь HOC-и непопулярны, так как теперь контейнерные компоненты не нужны в таких количествах, как раньше, ведь переиспользование логики мы теперь делаем хуками...
Поддержать проект монеткой: social-network.samuraijs.com
Платное обучение в онлайн или оффлайн инкубаторе:
it-incubator.eu
it-kamasutra.com
А здесь бесплатная взаимопомощь:
t.me/reactjs_samurai
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutr. .
#hooks #хуки #путьсамурая
Удачи нам, друзья!

[@marina-ej4qd9kc1wh]

Hooks, оно нам надо, все ж таки 2024 на дворе. Все супер

[@ievgenk.8991]

Приятный ты дядька, всё таки :)

[@itdevelopment1125]

Димыч ты лучший 💪✊ спасибо за все от души🔥 привет из Ташкента 👋

[@VladislavAxt]

Димыч, не сдавайся! Летим в космос вместе :)

[@user-tu2kh7gn8o]

Благодарю за хороший и понятный разбор! Видео тОП!!!

[@user-hw8po4px8s]

Очень полезно. Большое спасибо 👍

[@spacerider9426]

React, Hooks, TypeScript. Спасибо, Сэнсэй, за твой огромный труд! Летим дальше!

[@user-bh6mc8pd8g]

прогресс очевиден, круто !

[@Jesus_On_Extasy]

просто топ обьяснение хуков. для меня это лучший контент по react redux typescript

[@Al4ii]

Спасибо! Отличный контент!!

[@StepanVorobiov]

Очень нравятся видео про архитектуру. Спасибо Димыч! пс: Функциональные компоненты в большинстве случаев гораздо удобнее, чем классы. И хуки это добро. Но надо знать и то и то. Потому что иногда лучше всё таки создать класс (я обычно так делаю в компонентах обёртках, которые как контейнер для подприложения, что бы лучше хранить состояние. Или с prev props работать. (можно и функциях это делать. В инете даже есть готовые хуки для прев пропс, копируй, сохраняй в отдельный компонент, импортируй и счастье, но всё ж) Может не праильно делаю, но вот так.). Но в большинстве случаев Функции win Ребята вперёд!!!

[@ITKAMASUTRA]

Да, я сам с радостью бы не менял массово одно на другое! А вообще, нравятся классы - добро пожаловать в мир Angular)

[@dimaruy2975]

Круто разобрал тему React hooks. Все понятно. Будем переходить на них

[@vanunsakanyan2188]

спосибо, только вперед.!!!!

[@ITKAMASUTRA]

и только вверх 🚀

[@alexandrkrupskii7141]

То что нужно, Димыч спасибо

[@ITKAMASUTRA]

летим-летим-летим!!!!

[@user-ge6tk9hr1r]

React, Hooks, TypeScript. Благодарю за труд!

[@user-vv7ol1dj6i]

Спасибо за крутой курс

[@user-vj6ov3sc6b]

копаем глубину ну это же Камасутра куда без глубины). Топ, спасибо за уроки!!!

[@ilyhasmolensky]

Димыч, всё фигня, давай по новой))) Спасибо тебе, за твою работу!

[@ITKAMASUTRA]

летим-летим) спасибо за поддержку

[@user-fk2uz8yw1x]

Привет Димыч. При просмотре каждого видео. Хочеться прям сто комментов писать типа: 'Спасибо Димыч. Ты лучший!!!!'

[@ITKAMASUTRA]

спасибо за поддержку, мужик! Летим

[@s3rbug]

react hooks typescript middle junior frontend hoc programming language high order component

[@user-wd3tl2rx9p]

Дима, спасибо) React, Hooks, TypeScript.

[@quterma]

Ого, реакт все дополняется? я только 1.0 начал изучать 3 дня назад. до 30 урока только дошел, а впереди еще сколько вкусного! :)

[@ITKAMASUTRA]

путь долгий!) но всё получится. В обучении тише едешь - дальше будешь. Главное - регулярность!!! Успехов!

[@mykhailostepanishchev6472]

Спасибо ! React TypeScript Hooks

[@user-np9mq5xc7j]

Очень нравятся Hooks !!! React TypeScript

[@robbinthebank1121]

Hooks, хорошая теория, спасибо за урок.

[@PaulKru-tp8qv]

Ты космос, друг!

[@user-ei5zp2qi4j]

Спасибо за видео

[@piligr1m_ua_]

спасибо за видос!

[@goodman1892]

Мотивация+ лайк

[@istoric7221]

Шикарный портрет на камине!

[@ITKAMASUTRA]

Подарок от отца студента! ✊

[@user-pl9bm6pv8z]

Thanks Dimych!!!

[@MaxKievSky]

очень ждем хуки и рефакторинг с класса на функции

[@goodman1892]

отлично! спасибо

[@user-tu2kh7gn8o]

+++

[@sheshko_pavel]

Спасибо за видео! #Ract #useEffect #useState #useDispatch #Hooks #классовыйКомпонент #функциональныйКомпонент

[@xtereone]

Димыч Красава!)

[@romanjob8152]

Hooks it is best practis. Дякую.

[@alexgame7467]

Спасибо огромное тебе за контент, мне 16 лет и без тебя реакт было бы очень сложно освоить, скоро куплю у тебя подписку, такой труд должен оплачиваться)

[@user-wr3dz2op1t]

Привет, как твой прогресс в React ?

[@alexgame7467]

@@user-wr3dz2op1t Уже работаю как 4 месяца, только на Vue, учить начал только на работе

[@marina-ej4qd9kc1wh]

Сложно было при трудоустройстве?

[@alexgame7467]

@@marina-ej4qd9kc1wh В каком смысле?

[@alexgame7467]

@@marina-ej4qd9kc1wh В каком смысле?

[@Vllad_Ko]

Супер, супер! Хуки, на сейчас, наше фсё!!

[@user-je1el3gj9d]

Ты лучший

[@uzver3787]

Хотел прокомментировать примёр с девчонкой, но побоялся что твои видео под другой запрос попадут))) Тренды 2020-2021 React, hooks. по моему не опытному мнению, чисто для реакта хуки хорошо и создатели задают тренд и технологию, но классы, это больше для всех. Знать ооп это значить знать от части и другие языки. Хотя сенору разобраться в этом фигня вопрос, чисто вопрос желания и времени.

[@n0escape]

Итого по уроку. Интегрируем хуки в проект однако не отказываемся от контейнерных компонент и хоков. НЕ используем хуки в компонентах которыхе хотим переиспользовать (пагинатор). НЕ используем хуки везде где хотим и можем. Используем в меру.

[@user-wf8bu6mt2i]

Хуки топ, рекомендую.

[@user-jf2ic3up1k]

Бежим хукать!

[@user-il4ph3fr6h]

философия єт приятно )))

[@ivanzotov57]

Если в компоненте используется большое количество данных из стора, то connect по-моему удобней. useSelector хорош, если нужно максимум 1 - 2 параметра выцепить.

[@ITKAMASUTRA]

Ну да, оно не все прямо-таки однозначно!

[@evgeniyn1542]

Когда много данных, то достаем их с помощью деструктуризации, так гораздо короче выйдет.

[@KarbofossKS]

Имхо коннект хорош, когда не нужно к нему типизацию писать, тогда да замапить всё легче, а когда нужно, то это вагоны кода - типизация полей из стейта, типизация санок, типизация ownProps, типизация самого коннекта. А в useSelector типизация сама прилетает из селектора. И в таком случае уже кажется наоборот удобнее набросать селекторов, чем типизировать 8+ полей пропсов. Плюс всегда можно убрать эти useSelector и useDispatch в контейнер, чтобы не мешали в презентационной компоненте.

[@user-nn6mb9tv1b]

чувак ты прикольный -- скоро к тебе в инкубатор -- денежек подкоплю

[@rostuslavnab9128]

Димыч, будет ли какая то инфа и разбор Next.js? Хотелось чтобы именно ты обьяснил эту тему

[@ITKAMASUTRA]

Да, но не могу обещать, когда... :(

[@kuko932]

Hooks хуки классный урок redux react

[@sivkaburka1062]

Доделал до 25:29

[@romanmed9035]

изначально все делали функциями. потом решали что классы это круто и понеслось. теперь вернулось снова на функции. но поскольку уже все сделано на компонентах и классах, то появляется вопрос, а как внедрить возможность постепенно переходить и использовать функциональный подход, хуки, но оставив старое на классах, чтобы не переделывать все сразу. предлагаю сделать об этом видео.

[@ITKAMASUTRA]

А мы так будем делать в данном цикле! Смотрите 🚀🚀🚀

[@romanmed9035]

@@ITKAMASUTRA спасибо. подписался. и пересматриваю все что пропустил.

[@kirillpuzanov2008]

React TypeScript/ Hooks

[@ruslanla4654]

React TypeScript Hooks

[@user-hz7ix3hf1r]

React Hook, React TypeScript

[@user-yj9wf7lb3j]

И все же не вышло в своем проекте заменить componentWillUnmount на useEffect. Возможно сам не до конца понимаю. Но как сделать срабатывание эффекта только при размонтировании компонента не реагируя на рендеры я так и не понял.

[@ITKAMASUTRA]

Можно пустым оставить коллбэк в useEffect, вернув функцию - аналог willUnmount

[@user-yj9wf7lb3j]

@@ITKAMASUTRA но тогда нужно deps`ы оставлять пустыми, при том что я меняю стейт. но тут я полагаю у меня архитектурно что-то не то. Но главное что этот проект - это тестовое в фирму на должность реакт джуна. А пока что бомбим/летим/за##отим!

[@user-yf4qs9mn2i]

Привет! подскажи, какой у тебя микрофон?

[@ITKAMASUTRA]

AT2020 usb

[@user-yf4qs9mn2i]

@@ITKAMASUTRA Спасибо! А еще спасибо за контент! прохожу твой курс по реакту!

[@user-pc9bl7uf1l]

React TypeScript

[@user-pc9bl7uf1l]

Путь Самурая 2.0

[@ignatneko1339]

а почему не создать контейнерную компоненту для хуков? презентационная получает пропсы и чистая, а в контейнерной хуки, но не враппер хэл так как один враппер

[@ITKAMASUTRA]

Если презентационная действительно должна оставаться презентационной для переиспользования, то это имеет смысл!

[@iGotton]

+

[@user-yx7in9nl1d]

15 - Hooks, оно нам надо? / React TypeScript - Путь Самурая 2.0

[@Mr.Grinsik]

Жаль что ваш инкубатор находится в Минске. Привет из Москвы🔥

[@ITKAMASUTRA]

щас ситуация стабилизируется и короновирус пройдёт - погоним открываться в москве! Думаю, весной-летом точно!!!

[@Mr.Grinsik]

IT-KAMASUTRA Если будет возможность,буду рад придти к вам учиться🔥

[@zzhanat4905]

#react #hooks #react-redux #typeScript

[@user-pc9bl7uf1l]

Hooks. the best. it-kamasutra. inkubator.

[@Dmitriy-bq2xh]

грязная девчонка!!!!!!поржал!, Дымич красавчег, в который раз тебе уже это пишу, ты умеешь объяснять, это я тебе как бывший учитель пишу

[@ITKAMASUTRA]

Приятно слышать! Спасибо и нездоровье

[@user-rb7gu7yl7h]

@@ITKAMASUTRA нездоровье? Ах ты злюка)))

[@r45her]

Полтора года работаю с хуками. Нихрена не понял, что объясняется в видео)

[@ITKAMASUTRA]

Ждите практики в следующем видео)

[@ringnull]

Больше глубины и грязных девчёнок ) В июле народ уже основательно пересел на хуки в реакт, это не будущее, но настоящее уже.

[@ITKAMASUTRA]

Не только в РБ! :))

[@messivatague]

React hooks middle React developer

[@nikitaproit]

Посмотрел 2 видоса - хорошо сделано, но контент "ну такое". Вместо того чтобы пихать хуки внутрь при рефакторинге нужно было оставить их в контейнере, я заметил что при добавлении кода и рефакторинге прямо видно что код написан плохо, потому что внесение изменений затрагивает те части кода, которые не должны были быть затронуты. SRP это не про переиспользование/устранение дублирования кода, это про то что модуль должен иметь одну причину для изменения, если есть 3 одинаковых куска кода меняющиеся по разным причинам они часто не должны быть вынесены как раз из соображений SRP.

[@user-gz9ky5zg7k]

React hoc ts js FC functional component funny songs naruto

[@gowking]

Если ты не используешь хуки в реакте - ты за Лукашенко 👎🏻

[@maxim.saharov]

[@aleksandrglebik8033]

Спасибо, Димыч! React / Hooks / TypeScript

[@user-pb3yt3bo9u]

React, TypeScript, Hooks