Тёмный

ТОП 6 ОШИБОК ПРИ РАБОТЕ С Redux Toolkit 

Подписаться
Просмотров 12 тыс.
% 916

В данном видео рассмотрим важную тему, касающуюся redux. Разберем часты ошибки, которые я вижу при использовании redux-toolkit. Некоторые из них связанны с удобством и читаемостью, некоторые с оптимизациями рендеров, а некоторые с типизацией. Так что точно должно быть полезно.
Код из видео:
github.com/Ayub-Begimkulov/youtube-tutorials/tree/master/redux-toolkit-mistakes
Telegram канал:
telegram.me/ayub_begimkulov_coding
Таймкоды:
00:00-00:41 - Intro
00:41-02:47 - Мини совет
02:47-06:52 - Первая ошибка
06:52-08:27 - Вторая ошибка
08:27-10:30 - Третья ошибка
10:30-14:08 - Четвертая ошибка
14:08-18:03 - Пятая ошибка
18:03-22:09 - Шестая ошибка
22:09-22:52 - Заключение

Опубликовано:

 

11 янв 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 137   
@user-in7wu6sb5r
@user-in7wu6sb5r Год назад
Большое спасибо тебе, Аюб! Твой канал это просто огонь!
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо!
@r3dkin
@r3dkin Год назад
Дякую за відео 🙏 Було цікаво подивитися ☺️
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо!
@user-xz3uv1yb8x
@user-xz3uv1yb8x Год назад
Большое спасибо тебе, Аюб! 5 и 6 ошибки прям огонь 🔥 Ждем типизацию 😊
@ayub_begimkulov
@ayub_begimkulov Год назад
Рад помочь!
@MDFireX5
@MDFireX5 5 месяцев назад
Слава оллаху что не джихад устраиваешь
@shakapaker
@shakapaker Год назад
Супер! Очень хочу еще про RTK Query и про правильную типизацию хука useActionCreators :)
@ayub_begimkulov
@ayub_begimkulov Год назад
Все будет, записал себе в список.
@rustamakhmetyanov4404
@rustamakhmetyanov4404 Год назад
Redux Toolkit Спасибо что делишься опытом.
@ayub_begimkulov
@ayub_begimkulov Год назад
Рад помочь!
@diggerdog001
@diggerdog001 Год назад
спасибо, продолжай пожалуйста в том же духе, больше знаний богу знаний!
@user-dk2hj7vp9h
@user-dk2hj7vp9h Год назад
Очень полезно, подметил пару фишек. Спасибо за контент!
@ayub_begimkulov
@ayub_begimkulov Год назад
Рад помочь!
@fractonart7500
@fractonart7500 Год назад
Много времени сэкономил! Один из самых полезных видео по rtk! Благодарность!
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо за фидбэк!
@user-eb5yw9ui6o
@user-eb5yw9ui6o Год назад
Аюб, большое спасибо за советы! Очень полезно, узнал новое для себя!
@ayub_begimkulov
@ayub_begimkulov Год назад
Рад помочь!
@gordash_tech
@gordash_tech Год назад
Давно такое искал, спасибо огромное!!!
@ayub_begimkulov
@ayub_begimkulov Год назад
Рад помочь!
@amina_tulips
@amina_tulips Год назад
Мне как всегда нравятся❤️ твои работы и видео,🧑🏻‍💻 желаю счастья и успехов в работе и жизни❤️
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо большое!
@huzimuzi4885
@huzimuzi4885 Год назад
Крутое видео получилось! Спасибо за то, что делишься своим опытом.
@ayub_begimkulov
@ayub_begimkulov Год назад
Рад помочь!
@user-ho9kv8th8c
@user-ho9kv8th8c Год назад
Бро, спасибо большое ,очень интересно и полезно , жду про типизацию )
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо за фидбэк!
@igorgolub2385
@igorgolub2385 Год назад
Аюб, спасибо. Крутой контент!
@ayub_begimkulov
@ayub_begimkulov Год назад
Рад, что понравилось!
@ihorsudenko864
@ihorsudenko864 Год назад
Просто кладезь полезной информации спасибо :))
@ayub_begimkulov
@ayub_begimkulov Год назад
Рад помочь!
@Vlad-jp3co
@Vlad-jp3co Год назад
Спасибо, побольше таких видео)
@ayub_begimkulov
@ayub_begimkulov Год назад
Не за что.
@y0na24
@y0na24 7 месяцев назад
Спасибо!
@user-vq8zi4ne7s
@user-vq8zi4ne7s Год назад
Как всегда топ!
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо!
@user-rr6li3se1l
@user-rr6li3se1l Год назад
Очень интересна тема с редаксом, продолжай!😇
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо!
@SIS606
@SIS606 Год назад
Классный контент. Понравился разбор ошибок и увидел паттерны которые могу использовать у себя в коде, хотя не работаю с ртк и санками. Спасибо!
@ayub_begimkulov
@ayub_begimkulov Год назад
Рад помочь!
@user-vm2db5cq1g
@user-vm2db5cq1g Год назад
Интересное видео! побольше таких видео про разбор реальных кейсов) и по поводу типизации было бы интересно посмотреть если снимешь видео! Спасибо
@ayub_begimkulov
@ayub_begimkulov Год назад
Видео по типизации есть -- ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NKg5K1b7ljg.html
@alexey_samokhin
@alexey_samokhin Год назад
спасибо большое тебе Айюб! за такой контент!
@ayub_begimkulov
@ayub_begimkulov Год назад
Рад помочь!
@sour5786
@sour5786 Год назад
привет !!! спасибо за видео, на самом деле очень полезно) уже переписал свой проект.
@ayub_begimkulov
@ayub_begimkulov Год назад
Рад, что было полезно!
@user-mq6uy8cb1z
@user-mq6uy8cb1z 10 месяцев назад
Недавно наткнулся на твой канал, ем не наемся!))) Спасибо за очень годный и свежий контент!!
@ayub_begimkulov
@ayub_begimkulov 10 месяцев назад
Подписывайся! Нового контента еще много будет хахаха
@user-mq6uy8cb1z
@user-mq6uy8cb1z 10 месяцев назад
Уже! И зедсь и в телеге!)
@kirillboychenko7724
@kirillboychenko7724 Год назад
Запиши пж какой-то видос про оптимизацию сайта, как эти вещи отслеживать, как лечить, а так как всегда супер
@demetrx7972
@demetrx7972 11 месяцев назад
Когда увидел useActionCreators - "а чё, так можно было?". Очень полезное видео. Спасибо, Аюб!
@ayub_begimkulov
@ayub_begimkulov 11 месяцев назад
Спасибо!
@Komi7ar
@Komi7ar Год назад
Отличное, информативное видео, очень хотелось бы увидеть видео о том, как правильно обрабатывать statues в RT, имею ввиду кейсы, когда на странице много разных элементов загрузку которых труебутся контролировать по разному. Спасибо!
@segabelka8095
@segabelka8095 Год назад
Как всегда красавчик, продолжай
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо большое!
@TheTexPro
@TheTexPro Год назад
Спасибо большое!
@ayub_begimkulov
@ayub_begimkulov Год назад
Пожалуйста!
@nikita00750
@nikita00750 Год назад
Типизация action creator'a очень интересна!!! Лучшее что видел про redux toolkit
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо! Типизация будет, уже заснял.
@aptyp67
@aptyp67 Год назад
Ждем правильную типизацию хука useActionCreators! :) Спасибо за контент
@ayub_begimkulov
@ayub_begimkulov Год назад
Уже заснял. Скоро должно быть на канале.
@andyjs666
@andyjs666 Год назад
Огромное спасибо! Хоть и пишу на RTK уже > 2 лет, нашёл для себя много полезного. Пожалуйста, расскажи про типизацию useActionCreators. Скажи, а с RTK-Qwery ты работал? Если да, то можешь снять по нему такой же видос тоже?
@ayub_begimkulov
@ayub_begimkulov Год назад
Про типизацию расскажу обязательно.
@m4es7r0
@m4es7r0 Год назад
В "Эпизоды" на youtube попробуй указывать не только номера ошибок а и ключевые слова по типу: Первая ошибка (useSelector), так намного удобней
@ayub_begimkulov
@ayub_begimkulov Год назад
Ок, спасибо за фидбэк!
@Evgeny..
@Evgeny.. Год назад
Третью ошибку пропагандирует документация RTK Спасибо за хорошие замечания, до некоторых уже сам дошел ,а некоторые были открытием)
@ayub_begimkulov
@ayub_begimkulov Год назад
Да, некоторые уже есть в доке. Спасибо за фидбэк!
@Drezerak
@Drezerak Год назад
Спасибо! Все эти ошибки были у меня. Вот я знаю про паттерн прокси. А другие не знают. И прикольно было бы в 2-х словах останавливаться на таких моментах!
@ayub_begimkulov
@ayub_begimkulov Год назад
Понял, спасибо за фидбэк!
@tmkplzv7979
@tmkplzv7979 Год назад
Лучший
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо!
@user-kq9pd8he1f
@user-kq9pd8he1f Год назад
Привет! Про useActionCreators - не знала, крутая штука) Сделай, пожалуйста видео про нормализацию данных в RTK)
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо за фидбэк! А можешь раскрыть тему, что именно хочешь увидеть? Как ее делать, какие-то либы для этого?
@ansaganie
@ansaganie Год назад
на youtube очень мало годных уроков по RTK Query. Можешь пожалуйста разобрать реальные use case с твоего опыта.
@ayub_begimkulov
@ayub_begimkulov Год назад
Записал в лист. Надо подготовиться. А так вижу многим интересно.
@xczm225
@xczm225 5 месяцев назад
Есть но не на руском
@artemchebotarev1926
@artemchebotarev1926 Год назад
Тема интересная! Узнал для себя новые моменты. Можешь показать, как ты учитывал Thunk Action Creators, чтобы они подхватывались в useActionCreators. Спасибо!
@ayub_begimkulov
@ayub_begimkulov Год назад
Да, уже заснял видео. Скоро будет на канале.
@Martin-rt3wt
@Martin-rt3wt Год назад
Cпасибо за контент. Пожалуйста, расскажи про типизацию useActionCreators with createAsyncThunk
@ayub_begimkulov
@ayub_begimkulov Год назад
Ага, записал себе.
@user-eg2cp6xm6q
@user-eg2cp6xm6q Год назад
@haibova_irisha
@haibova_irisha Год назад
привет спасибо за видео , очень полезно)) не планируешь ли сделать проект на react,redux,ts ?спасибо
@ayub_begimkulov
@ayub_begimkulov Год назад
привет, в планах проект есть, но что-то пока силами не соберусь.
@jaloliddinesonboyev
@jaloliddinesonboyev Год назад
Oh great!
@ayub_begimkulov
@ayub_begimkulov Год назад
thanks!
@jamjam3337
@jamjam3337 Год назад
👏👍
@ayub_begimkulov
@ayub_begimkulov Год назад
👍
@user-dw8lb8lc7u
@user-dw8lb8lc7u Год назад
очень актуальное видео жаль что так мало просмотров
@ayub_begimkulov
@ayub_begimkulov Год назад
Да, просмотры пока не прут. Но спасибо за фидбэк!
@Blazerh1
@Blazerh1 Год назад
спасибо, полезное видео! а типизация useActionCreators уже есть? не могу ссылку найти?
@ayub_begimkulov
@ayub_begimkulov Год назад
Привет, да, есть. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NKg5K1b7ljg.html
@user-bh2qf9qp4s
@user-bh2qf9qp4s Год назад
Столкнулся с проблемой при использовании RtK Query при вызове хуков query идёт ререндер . Мог бы ты сделать подобный гайд по rtk query. За контент спасибо
@ayub_begimkulov
@ayub_begimkulov Год назад
А можешь пример скинуть? Так вообще ничего не понятно.
@nyarlathoted
@nyarlathoted Год назад
Мог бы розобрать rtk query ?
@KGZVER
@KGZVER Год назад
10:17 а разве это хорошо в плане производительности, когда каждый раз мы будем импортить все экшены постоянно? Ладно если мы в компоненте будем диспатчить экшены из одного редюсера, а если нам понадобятся 3 или больше экшенов из разных редюсеров?
@ayub_begimkulov
@ayub_begimkulov Год назад
А что не так будет с производительностью, если импортировать много экшенов? Это же не должно дать никакой разницы.
@gabblz480
@gabblz480 Год назад
а почему просто не использовать rtk query? Там не нужно будет думать над этим статусами (все есть в коробке), есть кеширование запросов и т.д. Очень полезный инструмент и как мне кажется намного лучше обычного redux toolkit
@ayub_begimkulov
@ayub_begimkulov Год назад
Все верно, но если уж юзаешь санки, то надо хотяб эти ошибки не делать.
@baileysli6235
@baileysli6235 Год назад
20:56 А есть уже видео про правильную типизацию?
@ayub_begimkulov
@ayub_begimkulov Год назад
Да, есть. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NKg5K1b7ljg.html
@romandeveloper7720
@romandeveloper7720 Год назад
Привет. Ты пробовал интегрировать Storybook с Vite конфигурацией? У меня не получается, бьет ошибку и вообще инит файлы он создает в папке .storybook с расширением cjs, на вебпаке нормально всё.
@ayub_begimkulov
@ayub_begimkulov Год назад
Если честно не пробовал. Сторибук же сам под капотом должен вебпак юзать, причем здесь сборщик приложения?
@romandeveloper7720
@romandeveloper7720 Год назад
@@ayub_begimkulov просто на вебпак-билде получается юзать сторибук, а вот на вите уже нет. Фантастика какая-то(
@user-bb2ee7ds9u
@user-bb2ee7ds9u Год назад
Покажешь как писать тесты на редакс тулкит?
@Evgeny..
@Evgeny.. Год назад
у меня почему-то в dispatch().unwrap() - выдает что нет такой функции (.unwrap)
@ayub_begimkulov
@ayub_begimkulov Год назад
А экшен, который ты заворачиваешь в dispatch - thunk?
@astr0t
@astr0t Год назад
При работе с RTK есть только одна частая ошибка - выбор RTK)
@ayub_begimkulov
@ayub_begimkulov Год назад
К сожалению, не на всех проектах можно выбирать.
@mr.zxzxzxz3816
@mr.zxzxzxz3816 Год назад
ассаламуалейкум!
@ayub_begimkulov
@ayub_begimkulov 10 месяцев назад
Валейкум Ассалям.
@user-vc6mo5nl8g
@user-vc6mo5nl8g Год назад
Привет, что-то я не понял про первый мини совет и использование одной переменной…. Не делать стейт излоадинг, Изерор и тд? А просто в одной статус все учитывать? Ну тогда та же логика будет. Состояния, то в компоненте надо учитывать….
@ayub_begimkulov
@ayub_begimkulov Год назад
Не совсем. Состояние надо будет учитывать. Но оно будет одно. Не будет ошибки, что забыл обновить одну из 3-х булевых перемен. Не будет такого, что success состояние определяется тем, что у тебя ни лоадинг и ни еррор. В общем, все должно быть проще. И меньше шансов сделать ошибку.
@user-vc6mo5nl8g
@user-vc6mo5nl8g Год назад
@@ayub_begimkulov спасибо!
@druf5962
@druf5962 Год назад
Жаль, что приложение не на полноценных запросах, без обработки ошибок и т.д.
@user-mi1hq1dz2b
@user-mi1hq1dz2b Год назад
В больших проектах все пишут create selector.
@ayub_begimkulov
@ayub_begimkulov Год назад
Он нужен для мемоизации селекторов. Если мемоизация не нужна - то не особо полезно.
@vektor3540
@vektor3540 Год назад
Покажи RTK Query
@ayub_begimkulov
@ayub_begimkulov Год назад
Вижу много просят, записал в список!
@saswwer
@saswwer Год назад
Да, покажи правильную типизацию
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо, заснял видео!
@gadpetrovich
@gadpetrovich Год назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-edmXoRwgQeI.html Вместо объекта можно передать конкретный тип, например IdType или NameType, и объявить его можно так: type NameType = string;
@ayub_begimkulov
@ayub_begimkulov Год назад
Да, можно. Просто объект для меня более понятый.
@helplrewerse2925
@helplrewerse2925 Год назад
Чтобы вот этим бредом со статусами не возиться есть RTK Query
@vadim_tech
@vadim_tech Год назад
Rtk query, прикольная штука, но, например, для нашего проекта не подошел, т.к нам нужен был infinite scroll
@sovaz1997
@sovaz1997 Год назад
@@vadim_tech Существует такая либа, как useQuery, которая даже предоставляет хук useInfiniteQuery :)
@vadim_tech
@vadim_tech Год назад
@@sovaz1997 да, но я конкретно про rtk query сказал, решение, как мне кажется пока сыровато, хоть и прикольно задумано, в плане того, что все запросы в одном месте. А react-query, действительно предоставляет больше возможностей
@ayub_begimkulov
@ayub_begimkulov Год назад
Да, rtk query - удобнее, но он не у всех есть. Ну и в целом паттерн со статусами бывает очень полезный.
@paemox
@paemox Год назад
Главная ошибка при работе с Redux Toolkit - это его использовать вместо React Query.
@rusfungame
@rusfungame Год назад
Тошни тошни, послушаем
@ayub_begimkulov
@ayub_begimkulov Год назад
Не на всех проектах react query.
@EVolkov18
@EVolkov18 Год назад
Давайте effector
@ayub_begimkulov
@ayub_begimkulov Год назад
Мало кто использует, думаю многим будет не особо интересно.
@nikita00750
@nikita00750 Год назад
Поддерживаю @monotype1110 , про redux toolkit query, очень интересен взгляд на правильное использование
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо за предложение. Много людей пишет - записал себе в список!
@kirillpodolinniy309
@kirillpodolinniy309 Год назад
Спасибо большое!
@ayub_begimkulov
@ayub_begimkulov Год назад
Пожалуйста!
Далее
1❤️
00:17
Просмотров 2,7 млн
НЕ ДЕЛАЙТЕ УКЛАДКИ В САЛОНАХ
00:43
Модные мальчишки
00:36
Просмотров 20 тыс.
1❤️
00:17
Просмотров 2,7 млн