Не делай такое с useState! Топ 5 ошибок junior React-разработчика 

Если объяснить весь ролик коротко, то вот: 1. Хочешь предыдущее значение ? Используй callback функцию с аргументом в виде предыдущего значения 2. Не хочешь ошибок в "пустом" useState ? Ставь default случай 3. Данные обновляются ? Используй useState 4. Манипуляция над списками: 4.1.Хочешь обновить список ? Делай так: setState(...state, newState) 4.2. Хочешь удалить из списка элемент ? Делай так: 4.2.1. const cloneTasks = [...tasks] 4.2.2. cloneTasks.splice(${нужный индекс задачи}, 1) 4.2.3. setState(...state, cloneTasks) 4.3. Хочешь изменить элемент списка ? Делай так: 4.3.1. const formedTasks = tasks.map(task, i => { if (i === 1) { return { text: 'newText' } }} return task) 4.3.2. setState(...state, formedTasks) Получается топ 4?))

Я перерыл много обучающих видео на youtube включая англоязычные, но твоя подача контента и умение объяснять превосходят всё и вся. Спасибо большое)

Спасибо за работу, любое обучающее видео от вас интересно, тем более такого формата. Интересен ещё useEffect с его побочками и проблемами.

Отличный контент! Продолжайте, мы ждём!

Очень все понятно и доступно, спасибо тебе за такой классный материал 👍 Таких очень мало, кто может объяснить так доходчиво и просто

Отличный ролик, полезная инфа!) Ждем еще

Спасибо, полезная информация, как и сама рубрика разбора типичных и не только ошибок)

Спасибо за урок! Очень грамотно объясняете материал и к тому же в таких тонкостях. Для меня как новичка - это просто бесценная информация! Успехов Вам!

Замечательный видеоролик! Благодарю за Ваш труд! Успехов! 😊👍

Интересно! Давай еще! Спасибо!)

Все что ты делаешь, все интересно. Продолжай в том же духе!

Плакать от счастья хочется. Очень актуально🥲Спасибо огромное❤❤❤❤❤

Как всегда красавчик, всё по полочкам!

уже заждались новые видео!

Ты невероятно круто объясняешь!!! Запиши видео по всем основным хукам, это будет супер

Продолжай!Спасибо тебе за объяснения!

Неплохие советы) Лайк!

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

Арчаков, большое спасибо!

Спасибо. Стала понятна 2 глава документации React

Спасибо большое, благодаря данному видео я теперь не допускаю подобных ошибок!🙏

Классный ролик, много для себя подчеркнул.

Спасибо! очень классно объясняешь! Продолжай в том же духе и будет зашибись. ))

Спасибо большое за такие видео. Просто не представляешь как твой мини-урок помог мне с задачей. Могу скрин потом выслать))) захотелось даже статью а блоге написать)

Очень интересно! Буду ждать видео и для других хуков :)

это ровно то что я искал! жаль что только один хук был описан, жду еще подобных видео, лайк, подписка

Очень полезное видео, спасибо! Я, как начинающий , не все смог переварить,. но от половины видео есть реальная польза! :)

спасибо большое! Вот тебе комментарий, хотелось бы больше таких видео по реакту!

Классно! Хотелось бы про useEffect как продолжение ну и про остальные тоже. 😀

Хорошее обобщающее видео. Думаю будет интересно увидеть нечто подобное о пропсах.

действительно полезное видео. спасибо

Очень круто! Спасибо!

Очень интересно даже того, кто не знает реакт, но знает js! Давай ещё!))

Огонь! 🔥

Спасибо большое! Теперь я понял как это работает)

Как для начинающего разработчика, очень полезное видео, Спасибо !

Максимально понятно и доходчиво

Пишу лайк, ставлю комментарий и показываю что мне интересно )

Лайк поставлен , комментарий соответственно 🌚🫡

Огромная благодарность за такое видео про особенности useState! Будем ждать про другие хуки в том же формате!

Супер спасибо!!! Если так разберать все топовые хуки, то будет агонь, агнинский!!!

Супер контент !!

Отличное видео

Благодарю, неплохо помог

Очень очень классный ролик. Да и вообще канал крутой. Спасибо за Реакт-пиццу

Да, давай ещё эту рубрику

Збс, продолжай!

Ухты, спасибо большое. Столько времени сидел и не понимал, почему меняю state объекта, а ничего не рендерится. Как больно быть новичком в чем-то )

спасибо! хорошо всё.

Начиная с 10-й минуты, по поводу undefined в users: как-то немного замудренно объяснял) Просто должно быть понимание, что useEffect отрабатывает только ПОСЛЕ рендера компонента. Поэтому и undefined, потому что при рендере useEffect ещё не отработал, а начнет свое выполнение только после отрисовки разметки и уже тогда из-за setUsers произойдет ре-рендер и мы увидим наших пользователей. То есть людям нужно донести именно базовое понимание того, почему мы undefined сначала получаем, иначе никто так и не поймет ничего А так за видос респект, прошел по основным "грубым" ошибкам!:)

очень интересно! расскажи пожалуйста про использование хука useLayoutEffect

Круто. Давай про другие хуки. С более конкретными примерами использование

Очень полезный видос! Жалко что не посмотрел его пару недель назад, сэкономил бы кучу своего времени. (к решению пришел сам, перепробовав кучу вариантов и вникнув в суть самой проблемы мутации массивов. Но времени затратил на это немеряно.)

Хочу больше роликов про best practices

Бро, продолжай пожалуйста!!!

Очень ждем новые видео

Топи топи интересно же и залипательно

Спасибо за крутотень

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

Денис ждем новый интенсив по Next.js + TypeScript, оч хотим((

Доброе утро! Про useLayoutEffect() было бы суперкруто :)

Ролик и интересный и полезный! Сделай пожалуйста по остальным хукам!

Спасибо!

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

Привет) спасибо за видео! а когда будет про (не используй везде useCallback и memo) ?

Будут ли еще видео по React Native? Жду с нетерпением

Теперь понятно что такое мутация объекта.

Формат отличный

Гоу видос про useCallback | useMemo

Благодарю за видео и вообще контент, очень полезный! Лично мне было бы интересно посмотреть как писать CSR приложение на React, с db на postgres, sequelize-cli, сервер на express, webpack, регистрация-авторизация на JWT(c access token и refresh token), bcrypt, модалки, мультеры(загрузка-выгрузка файлов) и конечно как писать endpoints api и render на бек, всё связывать и защищать. Мне думается что задача сложна для начинающего фулстека, поднять сервак, и на хуках параллельно связывать фронт и бэк. Книжный клуб например. А вообще хотел узнать что за тема в VSCODE??? =))))

Ждём видео об остальных хуках

👏👍

Будут ли новые полные курсы (на несколько видосов)? Если да, то будут ли для premiddle/middle и как скоро?

❤‍🔥

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

👍

привет еще раз ! знаю сейчас не луяшое время , но нету ли в планах сделать какой-то малеьний проект используя react , redux , rtk query , ts ? спасибо

Расскажи по возможности, пожалуйста про все костыли useCallback() & useEffect()

Гоу видосы про useForm и про валидацию

Привет , ,с Новым годом ! а можно более подробно о мутациях ? Как правильно использовать с redux toolkit , спасибо

Спасибо за некоторые интересные моменты. Маленький вопросик: а почему setInterval не убили в ретерне юзэффекта?

Да, давай пожалуйста про useMemo и useCallback

Спасибо за видео! Скажи, плиз, почему в случае с работой с массивами опять не воспользоваться функцией и не написать setState(prev => [...prev, newTask])?

Важно также возвращать cleanup callback из useEffect когда есть любые подписки и счётчики.

Спасибо большое !!! очень крутая подача ) а на boosty ты ессть новый контент ?

Спасибо за видео. Чнм больше хуков, тем лучше.

Норм, новичкам самое то

Можете подсказать как сделать такое же плавное перемещение курсора?

Ну это прям база

А почему в примере с тасками вы не работаете с предыдущими значениями как в первом примере?

Кайф

В первом случае что нам мешает добавить count в массив зависимости в useEffect?

Привет Арчаков, пожалуйста, сделайте видео о миксе useContext + useReducer в качестве замены Redux-а.

Дик е хьун👍

setState(prev=>), вызывает общий стейт у компонента который ты будешь использовать на одной странице , пример : толерантный с 3 значениями которые ты можешь переключать , создаешь несколько элементов на странице , начинаешь переключать , и воля у тебя во всех компонентах меняется значения , хотя ты в других его не менял , так что нужно быть аккуратным

Подскажи, есть ли у тебя что ни будь. где рассказываешь как запустить перерисовку наружних компонентов из внутренних?

так я опытный оказывается, не знал

18:20 Привет. Что думаешь, если всегда использовать в таком виде: setTask((tasks) => [...task, text]) какие плюсы: 1. Ты всегда работаешь с данными, которые хранит хук 2. Если нужно будет юзать Memo или в useState хранится объект, который нужно менять от других эффектов, то не нужно будет условный tasks прописывать в зависимости эффектов 🤔

Про usememo с использованием react devtools (как проверять лишние отрисовки) пожалуйста расскажи

Хочешь удалить из списка элемент делай просто filter c нужными условиями