#12: 🍕 React Pizza v2 - Изучаем библиотеку Redux Toolkit

  Рет қаралды 45,522

Archakov Blog

Archakov Blog

2 жыл бұрын

React Pizza V2 - Это обновлённый курс на 2022 год, одного из самых популярных курсов 🔥 по ReactJS для начинающих.
Более подробней тут: www.notion.so/React-Pizza-v2-...
Исходники доступны в Boosty или в моём Telegram-канале: t.me/archakov_im
❤️ Поддержка:
- Boosty (исходники, макеты): boosty.to/archakov_blog
- Донаты: www.donationalerts.com/r/arch...
Старый курс React Pizza - • #1: React Pizza - разр...
👀 Демо: react-pizza-v2.vercel.app/
📝 Полный стек:
- ReactJS 18
- TypeScript
- Redux Toolkit (хранение данных / пицц)
- React Router v6 (навигация)
- Axios + Fetch (отправка запроса на бэкенд)
- React Hooks (хуки)
- Prettier (форматирование кода)
- CSS-Modules / SCSS (стилизация)
- React Content Loader (скелетон)
- React Pagination (пагинация)
- Lodash.Debounce
- Code Splitting, React Loadable, useWhyDidYouUpdate
Ссылка на исходник: github.com/Archakov06/react-p...
Ссылка на вёрстку: github.com/Archakov06/react-p...
Ссылка на дизайн: www.figma.com/file/wWUnQwvRDW...
Таймкоды: еще не готовы
📢 Платный курс по ReactJS с наставником: mentor.archakov.im/landing.html
🔗 Следите за обновлениями и информацией в:
- Telegram-канале: t.me/archakov_im
- VK: archakov_im
- Личном блоге: archakov.im
- GitHub: github.com/Archakov06
- Моё резюме: career.habr.com/archakovim

Пікірлер: 197
@andrewsokolovsky9127
@andrewsokolovsky9127 Жыл бұрын
Аххахах я после слов "Сделай паузу", сделал паузу на 4 месяца, и пошел изучать vanilla js. Теперь я изучил ванилку и вернулся суда полон сил и энергии😎
@aheroofourtime2415
@aheroofourtime2415 Жыл бұрын
позволь уточнить ты сделал еще одну паузу?
@user-sj3qt7wu9c
@user-sj3qt7wu9c Жыл бұрын
@@aheroofourtime2415 ахахах
@user-sj3qt7wu9c
@user-sj3qt7wu9c Жыл бұрын
где изучал js?
@Cat-zh6xx
@Cat-zh6xx Жыл бұрын
Слушай, ну не зря. Зато многие вещи более понятны будут
@guffboss2358
@guffboss2358 Жыл бұрын
Видимо Архаков чересчур запугал тебя сложностью и ты решил всё с нуля начать чтобы пройти "босса" 😂🤣
@user-bz9hr1ic5n
@user-bz9hr1ic5n 2 жыл бұрын
7:19 - Зачем нужен Redux (объяснение) 9:27 - Про стейт менеджеры 11:03 - Пример с Контекстом для сравнения 18:44 - Обяснение Redux 27:34 - Анонс презентации 30:00 - Начало изучения Redux 30:54 - Зачем нужен Redux 47:07 - Переходим к практике 48:54 - Начало практики 50:02 - Важное примечание 52:59 - Продолжаем практику
@rostislavpotapov7215
@rostislavpotapov7215 Жыл бұрын
Вот вам заметка про то как работает логика перерендера в Redux. Лично меня долго мучил вопрос, пришлось плотно засесть за документацию) Когда мы достаём какие-либо данные из редакса с помощью хука useSelector, то перерисовка компонента происходит только тогда, когда ссылка на данные которые мы вытащили измениться. То есть если мы достали весь массив объектов, и хуй пойми в какой части сайта был изменен этот массив, то наш компонент тоже сделает перерендр. Чтоб избежать этой хуйни, нам надо доставать только ту информацию, которая непосредственно нужна в компоненте. Например, с помощью метода find выбираем только тот объект, который нам нужен. В итоге компоненту будет все равно что было добавлено или удаленно в общем массиве если это не конкретно наш объект.
@GabrialWeb
@GabrialWeb 2 жыл бұрын
Очень круто объяснил. Мне по крайне мере все понятно на 100%)
@user-nk6ih7uh1h
@user-nk6ih7uh1h 2 жыл бұрын
Redux Toolkit - это просто огонь, как и твой курс!
@ni4egonepridumal
@ni4egonepridumal Жыл бұрын
"Надеюсь, ты я не знаю там взял паузу, нет, неважно, мне плевать" - Цитаты великих !!!! 😀😀😀
@raymond1489
@raymond1489 2 жыл бұрын
курс топ, понял с первого раза уже устроился на работу, работаю и досматриваю параллельно
@nikolaizarezako9344
@nikolaizarezako9344 2 жыл бұрын
Куда устроился?)
@apollon8179
@apollon8179 2 жыл бұрын
Привет, какой у тебя стэк?
@temeralin.t
@temeralin.t Жыл бұрын
красавчик👍
@andTutin
@andTutin Жыл бұрын
@@nikolaizarezako9344 на завод
@dennyfedyna9707
@dennyfedyna9707 Жыл бұрын
+
@user-dn4ry3uw8i
@user-dn4ry3uw8i Жыл бұрын
Спасибо Вам огромное за эти прекрасные уроки. Очень интересная подача материала. Хочется смотреть и смотреть без перерыва. Дни пролетают незаметно 😀
@user-zz7ny9cx6c
@user-zz7ny9cx6c 2 жыл бұрын
Я кайфую от твоих курсов. Лучший!!! Спасибо!!!
@user-qt3lg3st8f
@user-qt3lg3st8f 2 жыл бұрын
Объяснил всё очень доступно. Улыбнуло.... я сегодня Вася, а завтра хочу быть Василий.
@shokhrookhr3850
@shokhrookhr3850 2 жыл бұрын
Каждый день с нетерпением жду следующее видео)
@n4t4lie80
@n4t4lie80 2 жыл бұрын
Мне наконец-то стало понятно в чем разница между редаксом и контекстом, раньше думала какой смысл в редаксе если есть контекст? Спасибо за хорошее объяснение
@sergeykornilov3461
@sergeykornilov3461 2 жыл бұрын
Объяснил на 100 из 100, красавец)
@Renata3094
@Renata3094 9 ай бұрын
Просто лучшее разъяснение! Спасибо большое, что так подробно рассказываешь
@user-kb5kd7ln3h
@user-kb5kd7ln3h Жыл бұрын
Спасибо за такое подробное объяснение👍
@alexandr8151
@alexandr8151 Жыл бұрын
отличное объяснение, всё стало понятно, теперь сразу буду пытаться осуществить сортировку самому, а только потом к следующему видео
@wannabecoder3960
@wannabecoder3960 Жыл бұрын
slice - это ломтик, часть, срез. если представить, что redux - это огромный торт, то становится легче понять, что такое слайсы. это отдельные куски торта)
@Papandos-cw8we
@Papandos-cw8we Жыл бұрын
я так понял что стор - это все хранилище целиком, состоящее из складов-слайсов.
@nurarihuonnomago3772
@nurarihuonnomago3772 26 күн бұрын
скорее кусок торта это state отвечающий за slice а вот он сам это корж в срезе отвечающий за свой уровень
@andriizatsepin6137
@andriizatsepin6137 2 жыл бұрын
Просто огромнейшее спасибо за видео !!!! Максимально разжевано, прям разжевали и в ротик положили, как ребёнку ! Очень круто и как же вовремя этот курс, я как раз на redux остановился и тут явился Toolkit, который просто вааааах
@bleed8028
@bleed8028 2 жыл бұрын
оч крутой курс, в меру понятно, не слишком разжевано (как у некоторых бывает, открываю курс по реакту а мне рассказывают про разницу const и let или что такое функция), и в то же время достаточно понятно. нет бесящей отсебятины, наверно один из самых хороших курсов с которыми я сталкивался за последнее время. спасибо
@Sergey_D.
@Sergey_D. 2 жыл бұрын
Супер! Использовал для тестового задания Redux в связке с React. Могу сказать, что твоё объявление намного проще и лаконичнее выглядит! Очень понравился урок!
@d_r_robot
@d_r_robot 2 жыл бұрын
Лучшее объяснение, что я видел до этого!
@user-lf9xi8gn8x
@user-lf9xi8gn8x 8 ай бұрын
Спасибо за урок с хорошей подачей, смотрю второй раз понимаю больше 🔥
@YevhenRight
@YevhenRight Жыл бұрын
Спасибо тебе автор! Ты очень крутой материал по Реакту даешь.
@srjp4777
@srjp4777 4 ай бұрын
Переходя к новому уроку, превентивно ставлю лайк, потому что уверен, что будет классно
@ghustaffstrudiewic6926
@ghustaffstrudiewic6926 Жыл бұрын
После твоего урока сразу же переписал поиск и сортировку пицц на редакс. У тебя явно талант преподавания, огромное спасибо. В следующем уроке буду сравнивать свой и твой вариант, даже интересно где я уже налажал)
@user-rq8lb5nu1d
@user-rq8lb5nu1d Жыл бұрын
Мужик, ты красавчик! Так весело, задорно, информативно тебя смотреть
@LuckyHome-cn3zj
@LuckyHome-cn3zj Жыл бұрын
Спасибо за твой труд. Ты лучший! Думаю, что именно по твоим видосам я смогу продолжить понимать сложные вещи😇
@onsonweb
@onsonweb Жыл бұрын
спасибо за труд брооо!!
@reactnext13
@reactnext13 2 жыл бұрын
Карл петца офигенная, спасибо огромное!
@KOWEY
@KOWEY 10 ай бұрын
лучший, никогда не понимал удобства тулкита, после этого видоса больше не буду пользоваться обычным редаксом, спасибо!
@Paul-fe2gj
@Paul-fe2gj 11 ай бұрын
Redux оказывается рулит! После видео удалил контекст и сделал фильтрацию, пагинацию и поиск, на Redux toolkt TypeScript, до этого урока пересмотрел кучу видео, включая видео на оф сайте, вообще не понятно было и думал "только useContext" . ОГРОМНЕЙШЕЕ СПАСИБО ЗА УРОКИ, ИМЕННО ПО ТАКИМ УРОКАМ И ПОНИМАЕШЬ МНОГИЕ ВЕЩИ!
@user-lu1if8pp2u
@user-lu1if8pp2u Жыл бұрын
очень легко как-то пошел редакс , большое спасибо!
@pschPvl
@pschPvl Жыл бұрын
сходу переписал все приложение на redux, хороший урок
@matveyd7272
@matveyd7272 Жыл бұрын
Мне очень помогло пересмотреть урок два раза (второй раз смело можно теорию пропускать, начать с часа примерно). Создать для себя в документе конспект, где я подробно расписал очередность действий и что для чего нужно. И как мне кажется, говорить, что знаю редакс еще не могу, но понимание общей картины понемногу приходит. Арчаков - молодец, доступно объясняешь. Не меняй ничего в будуем
@user-kb5kd7ln3h
@user-kb5kd7ln3h Жыл бұрын
пожелаем еще Марку Эриксону не менять ничего в синтаксисе😅
@ignimosanti8321
@ignimosanti8321 9 ай бұрын
топ контент... просто, человеческое спасибо
@artman9592
@artman9592 2 жыл бұрын
Коммент благодарности и пожеланий )))) - Чётко, спасибо !!! - Ещё бы createselector (живой поиск без перещёта селекторов где входящие параметры для фильтров не изменились) и авторизацию (приват роуты) хотябы простенькую без рефрэш токена... и обработку ошибок
@kenanhaciyev3759
@kenanhaciyev3759 11 ай бұрын
Очень понятно)
@evgeniychip
@evgeniychip Жыл бұрын
30:49 как же я заорал на этом моменте, оригинальный ментор)
@vladimirplyukhin5234
@vladimirplyukhin5234 2 жыл бұрын
Дэн, топ. Один из лучших на радарах русскоязычного Ютуб!
@alexsatm05
@alexsatm05 Ай бұрын
Спасибо, самый понятный урок по Redux Toolkit. Объяcняешь на много лучше чем Миннин и Ulbi Tv
@thirdbyron
@thirdbyron Жыл бұрын
Благодаря твои учебным проектам я ощутил себя программистом
@user-zi2fh7zp1q
@user-zi2fh7zp1q Жыл бұрын
Спасибо!
@user-sf6vm4um4t
@user-sf6vm4um4t 2 жыл бұрын
Лучший!
@user-hb4vr5gq4u
@user-hb4vr5gq4u 2 жыл бұрын
Ден! здарова!) спасибо! Ох уж это Эльборабо... всё аукается... оставь, пусть лежит)) понимаю, такое не забыть
@vitalygaraev8093
@vitalygaraev8093 5 ай бұрын
Прослушал только 23 минуты и спешу сказать, спасибо! Значит с таким объяснением я буду понимать редакс тууулкииит! Ура! 30-я минута, сердце бьётся в волнении.
@awenn2015
@awenn2015 Жыл бұрын
Увидел макет, то есть сайт и захотел повторить на нексте, надо будет заняться после работы))
@user-vj3hk5es7b
@user-vj3hk5es7b Жыл бұрын
Арчаков - Есть такие типы людей, которым объяснил и они такие - окей, я все понял! Отвечу - нифига! Таких нет , они просто уходят и ничего не понимают. Где-то в другом месте ковыряются. Просто им стыдно ))
@user-vj3hk5es7b
@user-vj3hk5es7b 8 ай бұрын
Ахаха! Точно!
@dmytronice1337
@dmytronice1337 2 жыл бұрын
18:20 Rerender происходит не из-за контекста, а из-за изменения стейта в родительском компоненте, поправьте, если ошибаюсь.
@e_viskhan
@e_viskhan Жыл бұрын
Потратил больше часа, переписал его код, естественно рендер происходит по той причине, что state родительского компонента изменился, но... Самое интересное было дальше. А что если сделать все 3 компонента через React.memo(componentFunc), то есть они не должны ререндериться, если не меняются пропсы, а пропсов у нас нет. И также объект value для провайдера тоже создадим через useMemo, чтобы он заново создавался только в том случае, если изменятся наши 3 переменные state. И далее создадим в том же файле app.js еще один state, который мы поменяем через некоторое время. После всего этого, если мы не меняем state, который мы передаем в context, rerender не происходит, хоть родитель и сделал rerender. Но если мы меняем что-то в context ререндер происходит. И причина этому теперь уже только одна: изменилось value из context`a, или по-другому: 1. Изменение setStateA(или setStateB, или...) вызвало render компонента App. 2. Так как stateA изменился useMemo дал заново сформироваться переменной value. 3. Новая переменная value, значит rerender всех тех, кто подписан на этот контекст. P.S. Два рендера в начале, если что, мы видим из-за обертки StrictMode в файле index.js.
@serjsamoilow8711
@serjsamoilow8711 Жыл бұрын
28:38 оговорка топ)
@alesmazur7640
@alesmazur7640 11 ай бұрын
ОООчень крутой докат к редаксу! {// PropDrilling -> reactContex -> Redux-toolkit} . И все это началось с 9 видео! Еще раз респект за грамотный подход. Хотя в видеосе номер 9 , где проп дриллинг, там ты очень скачешь и нихера с первого раза непонятно что куда прокидываем и под какими названиями, я бы даже рекомендовал перезаписать 9й видос и перезалить , чтобы не было перескакиваний с одного компонента на другой и по 100 раз переименований пропсов
@likluklak
@likluklak Жыл бұрын
оказывается все так просто было )
@navajo458
@navajo458 Жыл бұрын
Очень скурпулезно, с вниманием к деталям, уважение за труд.
@user-ml8hn5kg9e
@user-ml8hn5kg9e 5 ай бұрын
Супер урок про редакстулкит
@kanyshaiosmonova2008
@kanyshaiosmonova2008 Жыл бұрын
Спасибо за урок! А будет еще менторство? Очень хотела бы попасть?
@nemo_aleexey4739
@nemo_aleexey4739 11 ай бұрын
55:11 Какие сочетания клавиш используются для быстрого изменения?
@stanislavezrababushkin1436
@stanislavezrababushkin1436 2 жыл бұрын
Ден, у контекста дерево внутри не реРендерится) чекни девтулзы) реакт не дает обновиться тем компонентам, у которых контекст не поменялся - там вызывается не оч дорогостоящая операция
@dmytronice1337
@dmytronice1337 2 жыл бұрын
+
@danildemchenko6004
@danildemchenko6004 2 жыл бұрын
+
@dieu-merci
@dieu-merci 2 жыл бұрын
+
@crn05
@crn05 Жыл бұрын
Когда Арчаков сказал, что на освоение редакса у него ушло примерно 2 месяца, я чуть не прифигел. Но по моему я начал понимать суть редакса. Он очень похож на асессоры get set в классах ООП, т.е. когда поля класса мы меняем не напрямую, а через сеттеры, роль сеттеров в редаксе выполняют диспачти. Конечно в редаксе свои танцы с бубнами, и больше заморочек, но суть примерно такая.
@kapitankrolick
@kapitankrolick 8 ай бұрын
каждый урок нас запугивают вначале, но мы не сдаемся и напуганные продолжаем идти дальше🦾🦾
@learningit2572
@learningit2572 Жыл бұрын
и мне reduxToolkit больше нравится)) на много проще. Спасибо тебе за твой труд
@user-cn7gc8gi1o
@user-cn7gc8gi1o Жыл бұрын
Не подскажешь, а что за расширение на иконки?
@aaa-le9bb
@aaa-le9bb Жыл бұрын
каким приложением ты рисуешь на экране?
@bleed8028
@bleed8028 2 жыл бұрын
и кстати если ты сам рисовал эти картинки из твоего сайта с менторством, то у тебя талант к рисованию.
@user-bh1tn1lp8g
@user-bh1tn1lp8g 3 ай бұрын
На редкость качественный курс. А по поводу, типа много воды, не обращай внимания. Вода это жизнь.
@serg-k
@serg-k Жыл бұрын
1:04:04 пацаны спину не берегут
@alluresport3552
@alluresport3552 Жыл бұрын
Насколько же удобнее toolkit по сравнению с обычным редакс, это магия какая-то
@weynemeynen
@weynemeynen Жыл бұрын
Объяснение про slice лучше всего было бы как куска пиццы а не коробок. А ещё хорошо было бы весь проект в git, разбить по веткам или коммитам (сейчас он там в master с многочисленными ошибками).
@Ana-xi9xy
@Ana-xi9xy Жыл бұрын
40:11 Жаль, что государственные службы не работают так же хорошо как redux :С
@sherzodbekmakhmudov9332
@sherzodbekmakhmudov9332 Жыл бұрын
А можно пожалуйста курс где создаём проэкт с HTML CSS JS без реакта
@shokhrookhr3850
@shokhrookhr3850 2 жыл бұрын
Теперь по одному видео будешь выкладывать?
@JavaScriptcher
@JavaScriptcher 2 жыл бұрын
Глобальное хранилище данных store называется у React программистов?
@archienomad5028
@archienomad5028 Жыл бұрын
брат, ты лучше чем react путь самурая))
@lvan_lvanov
@lvan_lvanov Жыл бұрын
путь самурая ахуенный, там много теории, очень даже и курс у них мощный, где так же много теории но самурай устарел, а здесь актуальная информация в более сжатые сроки скажем так хотя, чтобы пройти такую пиццу нужно быть готовым очень даже, а с самураем ниже порог вхождения
@dev-kj7on
@dev-kj7on 2 жыл бұрын
😌
@Cat-zh6xx
@Cat-zh6xx Жыл бұрын
Намного сложнее конечно выглядит по сравнению с привычными useState, ну штош, придется привыкать
@jenek051
@jenek051 2 жыл бұрын
ооо я - сотый просмотр))кайф
@user-qg8mw4jx7s
@user-qg8mw4jx7s 2 жыл бұрын
Ребят, скиньте пожалуйста готовый код первых 10 уроков, я работаю и нет возможности проходить весь курс (
@MenuMoscow
@MenuMoscow Жыл бұрын
37:59 Акакий? это флешбек с шинели ?
@REDH3ADd
@REDH3ADd Жыл бұрын
я сейчас на 12 выпуске, а fetch на axios не будем менять?
@REDH3ADd
@REDH3ADd Жыл бұрын
сорян если пропустил, решил сам переписать
@user-mo1gm8hv7l
@user-mo1gm8hv7l Жыл бұрын
у меня в документации редакс тулкит почему - то нет примера с тайпскрипт
@PieceOfInternet
@PieceOfInternet 8 ай бұрын
dispatch довольно похож по функционалу и по факту выполняет схожее что и dispatch из Хука useReducer. Вообще в целом логика похожа. Может кому-то проще будет понять что тут происходит если он заранее почитает про хук userReducer из библиотеки react
@akhmedmagomedov324
@akhmedmagomedov324 Жыл бұрын
Uncaught TypeError: Cannot read properties of undefined (reading 'value') у меня у одного такая ошибка вылазит?
@user-dx2zx5jt2s
@user-dx2zx5jt2s Жыл бұрын
Спасибо! Один момент только не понял. Почему хук useDispatch() нельзя сразу вызывать в JSX коде, например onClick={() => useDispatch(increment()), а обязательно нужно присвоить какой-переменной и затем вызывать через переменную?
@awenn2015
@awenn2015 Жыл бұрын
Так надо
@user-dx2zx5jt2s
@user-dx2zx5jt2s Жыл бұрын
@@awenn2015 я понял что так надо. Я спрашиваю почему так надо?)
@awenn2015
@awenn2015 Жыл бұрын
@@user-dx2zx5jt2s потому что хук возвращает функцию диспач , мы не можем задиспатчить стейт через хук, если коротко
@kar1mK
@kar1mK Жыл бұрын
можно же несколько контекстов создавать чтобы не перерисовывались остальные компоненты, не так ли?
@dmytrovoronov9320
@dmytrovoronov9320 2 жыл бұрын
Но на собесах будут спрашивать про Redux а не про Redux Toolkit. Я думаю в начале лучше изучить чистый Redux , что бы понять всю магию под капотом, и только потом переходить на Toolkit
@ArtemyKairyak
@ArtemyKairyak 2 жыл бұрын
да, не понимаю почему не изучается оригинальная библиотека, а изучается надстройка над редаксом. тулкит нужно изучать после того, как обозначены проблемы редакса, которые и решает тулкит. а когда на собесе будут спрашивать про редакс - чел обосрется и начнет рассказывать про слайсы, которых в редаксе нет, ибо в видео по сути приравнивается редакс и тулкит и у джунов нет понимания что есть что и в чем разница
@dmytronice1337
@dmytronice1337 2 жыл бұрын
​@@ArtemyKairyak Поддерживаю твои комментарии под видео по этому поводу! Просто, еще такой момент, что сами redux, если сейчас сделать npm i последней версии, метод createStore сделали deprecated, и мол юзайте тулкит. Лично у меня IDE из коробки перечеркивает этот метод, и линтер котрый я настроил ругается на deprecated методы.
@ArtemyKairyak
@ArtemyKairyak 2 жыл бұрын
@@igormalyshev7955 в первой части и реакт объясняется, и мап итд, но здесь это так же зачем-то разжевывается
@andTutin
@andTutin Жыл бұрын
редакс самый мерзкий стейт менеджер, тулкит не спасает
@ArtemyKairyak
@ArtemyKairyak Жыл бұрын
@@andTutin везде есть плюсы и минусы, твой коммент показывает твой непрофессионализм
@webrubin
@webrubin Жыл бұрын
как на MacOs в webstorm одновременно выделить все одинаковые кусочки кода ? например класс и выставить курсор
@matveyd7272
@matveyd7272 Жыл бұрын
я не знаю
@yuridozhdikov6356
@yuridozhdikov6356 Жыл бұрын
выделяешь что нужно и command + r
@Vladislav-yw7dv
@Vladislav-yw7dv Жыл бұрын
на 30 минуте есть ловушка, где вам говорят взять паузу - не берите, я так почти на две недели пропал
@JdIm6fhjLgdWRhn
@JdIm6fhjLgdWRhn Жыл бұрын
1:30:00
@user-oq1nx6it2y
@user-oq1nx6it2y Жыл бұрын
Если кому непонятно как работает dispatch, reducer и тд лучше посмотрите про redux у it kamasutra, зная старую версию проще понять новую( а она реально ахуенная, когда не надо этот switch case писать, создавать actionСreator для dispatch ( AC это type который передаётся в dispatch - 'counter/increment' и тд ) ) Не знаю как эта инфа воспринимается новичками, но проходя redux tollkit зная обычный redux тут всё максимально понятно * А ещё лучше такие важные видосы смотреть два раза и будет понятней
@muslimtulegenov7333
@muslimtulegenov7333 4 ай бұрын
аквамен
@AchtungBaby-io7zl
@AchtungBaby-io7zl Жыл бұрын
а как на счет mobX. Он проще или нет?
@theoty-js-react
@theoty-js-react Жыл бұрын
говорят проще
@salvadorvdali6339
@salvadorvdali6339 Жыл бұрын
Акакий😀
@vitaliylipovoy6210
@vitaliylipovoy6210 2 жыл бұрын
В день один урок выходит?
@MaRTiNDev
@MaRTiNDev 2 жыл бұрын
иногда по 2
@nazarii027
@nazarii027 2 жыл бұрын
в ході даного уроку поламалася фільтрація за категоріями, піци є тільки у розділі "ВСІ", можливо хтось знає що пішло не так?
@user-hp2xs9qu6g
@user-hp2xs9qu6g Жыл бұрын
Почему useDuspatch нужно обязательно в переменную засовывать ? Попробовал сделать вот так useDispatch(increment()) и ничего не работает
@kostyafrompiter
@kostyafrompiter Жыл бұрын
Потому что это хук, а не функция которую ты вызываешь. А хуки прошу прощения все делаются через переменную.
@andTutin
@andTutin Жыл бұрын
попробуй так useDispatch()(increment())
@kostyafrompiter
@kostyafrompiter Жыл бұрын
@@andTutin анонимка....
@andTutin
@andTutin Жыл бұрын
@@kostyafrompiter что?
@dariannylo
@dariannylo Жыл бұрын
@@kostyafrompiter каррирование...
@darkside2436
@darkside2436 2 жыл бұрын
В Redux-toolkit есть rtk query , который мне намного больше зашёл чем React-Query.
@kostyafrompiter
@kostyafrompiter Жыл бұрын
Одно и то же пальто
@endfine9230
@endfine9230 Ай бұрын
Cпасибо, оказалось редакс не такой уж и страшный
@user-zq5in5ji9i
@user-zq5in5ji9i Жыл бұрын
Я правильно поняла?😅 Зачем нужно использовать стейты в определенном родительском компоненте и потом перекидывать с помощью пропс дриллинга в дочерние компоненты? Это нужно чтобы при изменениях в каком-то дочернем компоненте, осуществлялся перерендеринг всех компонентов, которые уже будут иметь возможность использовать данный Стейт. То есть будет происходит оповещения о новых данных в определенных родительских компонентах, параллельных и т.п. Использование пропс дриллинга не есть хорошо, потому что при разработке крупных приложений, это повлияет на читабельность кода и на производительность самого приложение. Код станет сразу же непонятным даже при небольшом объеме данных, но главное худшая производительность, это ответ на то, почему стоит использовать Контекст. Контекст используется для возможности перерисовки компонентов с новыми данными, которые находятся в разных точках нашего приложения при изменении этих данных в одном определенном компоненте Но, чтобы избежать лишних перерисовок, а они происходят, если мы используем один контекст для хранения нескольких стейтов, нужно использовать redux Toolkit. Если создавать разные контексты для разных данных, то у нас будет при разработке масштабного приложения, переполняемость данных в определенном компоненте, не лаконичный и чистый код, ужасная читабельность и путаница, то есть приложения в скором времени перестанет быть масштабируемым из-за простого неправильно структурированного кода. А redux Toolkit это хранилище именно для таких объемов данных. Итог этого всего: всё устроена на простых стейтах, контекст и Redux Toolkit это большая оптимизация стейтов...
@alexandr8151
@alexandr8151 Жыл бұрын
да, в целом всё верно!
@alexbruh230
@alexbruh230 Жыл бұрын
А уже, в свою очередь, для библиотеки Redux Toolkit мы юзаем библиотеку React Redux, работая в библиотеке React, но React Toolkit также применим и к другим всем библиотекам, например: библиотека Angular и библиотека Vue. Библиотек бесконечный край.
@SamEgrv
@SamEgrv 11 ай бұрын
Спасибо за курс. Он полезный и разбирает большое количество технологий. Но должен высказать и объективную критику: 1. Сколько же тут воды. Многократное повторение одного и того же. Мне, как бэку с опытом, было тяжело смотреть это даже на скорости x2. Я конечно понимаю, что целевая аудитория - это люди вообще без опыта в программировании. Но и они тоже не аутисты. Например, делать акцент в 12-м(!) видео на каждом импорте как минимум излишне. Если человек не понимает import/export на данном этапе, то скорее всего ему еще рано изучать Redux и нужно вернутся к первым урокам по основам React. Как пример, фрагмент объяснения на 1:05:40 - 1:08:05 - Сначала ты говоришь на какие Slices разбиваем логику, затем ты еще раз пишешь названия эти слайсов, затем ты еще раз стрелочками показываешь на эти части приложения и затем еще раз выделяешь их красной рамкой. Итого 4 раза показываешь/рассказываешь об одном и том же подряд. Странно, что еще каких-то дополнительных картинок не было с пояснением, какие слайсы необходимо создать😂 Если убрать воду, то тут суммарно полезной инфы на 15-20 минут. Первые 50(!) минут можно уложить максимум минут в 10. Например, UlbiTV сделал объяснение redux всего за 4(!) минуты. И судя по кол-ву просмотров и лайков его видео , этого действильно было достаточно, чтобы объяснить суть redux. 2. Пример со счетчиком можно было сделать в отдельном проекте и сразу на этом примере показывать работу с Redux. Большинство новичков будут также копировать непонятные куски кода в свой проект, в котором они пока и без redux'a не до конца еще разобрались. Как итог уверен, что видео #12 и #13 можно было бы оптимизировать и уложиться спокойно в 1 час. Да и весь курс мог бы сократиться по времени раз в 5 точно. Возможно, необходимо более тщательно прописывать сценарий видео. P.S. Без негатива. Надеюсь в будущем увидеть улучшенный React Pizza v3 😉
@undefined2694
@undefined2694 8 ай бұрын
Ты еще реакт сникерс не видел))) Но я тоже заебался слушать, что контекст для маленьких проектов делай, а редакс для больших проектов)) Если честно в любом проекте лучше использвать редакс.
@user1__lastname169
@user1__lastname169 2 жыл бұрын
Sorry for my English, your explanation it's too near to become perfect
@user-ym8qt7sr8x
@user-ym8qt7sr8x 2 жыл бұрын
почему указан тайпсрипт но его нету?
@ArchakovBlog
@ArchakovBlog 2 жыл бұрын
С 20 урока будет
@user-ym8qt7sr8x
@user-ym8qt7sr8x 2 жыл бұрын
@@ArchakovBlog спасибо, жду 20 урок =)
@ivanhurbatov4307
@ivanhurbatov4307 9 ай бұрын
Кто-нибудь уже сравнивал с инкапсуляцией?) Так оказывается проще понять) Если смотреть на это с точки зрения ООП, но я могу быть не прав, пока только учусь. Пожелайте удачи и поправьте меня, если ошибаюсь))
@ivanhurbatov4307
@ivanhurbatov4307 9 ай бұрын
А функция инкремент похожа на перегрузку операторов) прям отдаленно)
OMG🤪 #tiktok #shorts #potapova_blog
00:50
Potapova_blog
Рет қаралды 13 МЛН
ТАМАЕВ vs ВЕНГАЛБИ. ФИНАЛЬНАЯ ГОНКА! BMW M5 против CLS
47:36
Climbing to 18M Subscribers 🎉
00:32
Matt Larose
Рет қаралды 32 МЛН
100❤️
00:20
Nonomen ノノメン
Рет қаралды 76 МЛН
Асинхронная работа с Redux Toolkit и createAsyncThunk
42:24
Михаил Непомнящий
Рет қаралды 101 М.
Вселенная и Специальная теория относительности.
3:51:36
ЗЛОЙ АНАЛИТИК ВСЕЛЕННОЙ.
Рет қаралды 7 МЛН
React Hooks - Полный Курс (Про Все Хуки в 1 видео!)
1:47:00
Владилен Минин
Рет қаралды 436 М.
Вводная лекция про бэкенд - ШБР 2024
1:53:45
Redux Полный Курс
1:23:41
Владилен Минин
Рет қаралды 267 М.
OMG🤪 #tiktok #shorts #potapova_blog
00:50
Potapova_blog
Рет қаралды 13 МЛН