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

В данном видео рассмотрим важную тему, касающуюся redux. Разберем часты ошибки, которые я вижу при использовании redux-toolkit. Некоторые из них связанны с удобством и читаемостью, некоторые с оптимизациями рендеров, а некоторые с типизацией. Так что точно должно быть полезно.
Код из видео:
github.com/Ayub-Begimkulov/yo...
Telegram канал:
telegram.me/ayub_begimkulov_c...
Таймкоды:
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 - Заключение

[@rustamakhmetyanov4404]

Redux Toolkit Спасибо что делишься опытом.

[@ayub_begimkulov]

Рад помочь!

[@user-in7wu6sb5r]

Большое спасибо тебе, Аюб! Твой канал это просто огонь!

[@ayub_begimkulov]

Спасибо!

[@r3dkin]

Дякую за відео 🙏 Було цікаво подивитися ☺️

[@ayub_begimkulov]

Спасибо!

[@shakapaker]

Супер! Очень хочу еще про RTK Query и про правильную типизацию хука useActionCreators :)

[@ayub_begimkulov]

Все будет, записал себе в список.

[@fractonart7500]

Много времени сэкономил! Один из самых полезных видео по rtk! Благодарность!

[@ayub_begimkulov]

Спасибо за фидбэк!

[@user-dk2hj7vp9h]

Очень полезно, подметил пару фишек. Спасибо за контент!

[@ayub_begimkulov]

Рад помочь!

[@amina_tulips]

Мне как всегда нравятся❤️ твои работы и видео,🧑🏻‍💻 желаю счастья и успехов в работе и жизни❤️

[@ayub_begimkulov]

Спасибо большое!

[@user-xz3uv1yb8x]

Большое спасибо тебе, Аюб! 5 и 6 ошибки прям огонь 🔥 Ждем типизацию 😊

[@ayub_begimkulov]

Рад помочь!

[@MDFireX5]

Слава оллаху что не джихад устраиваешь

[@user-eb5yw9ui6o]

Аюб, большое спасибо за советы! Очень полезно, узнал новое для себя!

[@ayub_begimkulov]

Рад помочь!

[@huzimuzi4885]

Крутое видео получилось! Спасибо за то, что делишься своим опытом.

[@ayub_begimkulov]

Рад помочь!

[@gordash_tech]

Давно такое искал, спасибо огромное!!!

[@ayub_begimkulov]

Рад помочь!

[@igorgolub2385]

Аюб, спасибо. Крутой контент!

[@ayub_begimkulov]

Рад, что понравилось!

[@user-ho9kv8th8c]

Бро, спасибо большое ,очень интересно и полезно , жду про типизацию )

[@ayub_begimkulov]

Спасибо за фидбэк!

[@diggerdog001]

спасибо, продолжай пожалуйста в том же духе, больше знаний богу знаний!

[@user-rr6li3se1l]

Очень интересна тема с редаксом, продолжай!😇

[@ayub_begimkulov]

Спасибо!

[@ihorsudenko864]

Просто кладезь полезной информации спасибо :))

[@ayub_begimkulov]

Рад помочь!

[@Vlad-jp3co]

Спасибо, побольше таких видео)

[@ayub_begimkulov]

Не за что.

[@sour5786]

привет !!! спасибо за видео, на самом деле очень полезно) уже переписал свой проект.

[@ayub_begimkulov]

Рад, что было полезно!

[@alexey_samokhin]

спасибо большое тебе Айюб! за такой контент!

[@ayub_begimkulov]

Рад помочь!

[@SIS606]

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

[@ayub_begimkulov]

Рад помочь!

[@user-vq8zi4ne7s]

Как всегда топ!

[@ayub_begimkulov]

Спасибо!

[@user-mq6uy8cb1z]

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

[@ayub_begimkulov]

Подписывайся! Нового контента еще много будет хахаха

[@user-mq6uy8cb1z]

Уже! И зедсь и в телеге!)

[@demetrx7972]

Когда увидел useActionCreators - "а чё, так можно было?". Очень полезное видео. Спасибо, Аюб!

[@ayub_begimkulov]

Спасибо!

[@segabelka8095]

Как всегда красавчик, продолжай

[@ayub_begimkulov]

Спасибо большое!

[@user-vm2db5cq1g]

Интересное видео! побольше таких видео про разбор реальных кейсов) и по поводу типизации было бы интересно посмотреть если снимешь видео! Спасибо

[@ayub_begimkulov]

Видео по типизации есть -- kzbin.info/www/bejne/hHzKZn5nl5yfoMk

[@TheTexPro]

Спасибо большое!

[@ayub_begimkulov]

Пожалуйста!

[@y0na24]

Спасибо!

[@ansaganie]

на youtube очень мало годных уроков по RTK Query. Можешь пожалуйста разобрать реальные use case с твоего опыта.

[@ayub_begimkulov]

Записал в лист. Надо подготовиться. А так вижу многим интересно.

[@xczm225]

Есть но не на руском

[@Komi7ar]

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

[@nikita00750]

Типизация action creator'a очень интересна!!! Лучшее что видел про redux toolkit

[@ayub_begimkulov]

Спасибо! Типизация будет, уже заснял.

[@andyjs666]

Огромное спасибо! Хоть и пишу на RTK уже > 2 лет, нашёл для себя много полезного. Пожалуйста, расскажи про типизацию useActionCreators. Скажи, а с RTK-Qwery ты работал? Если да, то можешь снять по нему такой же видос тоже?

[@ayub_begimkulov]

Про типизацию расскажу обязательно.

[@aptyp67]

Ждем правильную типизацию хука useActionCreators! :) Спасибо за контент

[@ayub_begimkulov]

Уже заснял. Скоро должно быть на канале.

[@Evgeny..]

Третью ошибку пропагандирует документация RTK Спасибо за хорошие замечания, до некоторых уже сам дошел ,а некоторые были открытием)

[@ayub_begimkulov]

Да, некоторые уже есть в доке. Спасибо за фидбэк!

[@kirillboychenko7724]

Запиши пж какой-то видос про оптимизацию сайта, как эти вещи отслеживать, как лечить, а так как всегда супер

[@m4es7r0]

В "Эпизоды" на youtube попробуй указывать не только номера ошибок а и ключевые слова по типу: Первая ошибка (useSelector), так намного удобней

[@ayub_begimkulov]

Ок, спасибо за фидбэк!

[@Drezerak]

Спасибо! Все эти ошибки были у меня. Вот я знаю про паттерн прокси. А другие не знают. И прикольно было бы в 2-х словах останавливаться на таких моментах!

[@ayub_begimkulov]

Понял, спасибо за фидбэк!

[@artemchebotarev1926]

Тема интересная! Узнал для себя новые моменты. Можешь показать, как ты учитывал Thunk Action Creators, чтобы они подхватывались в useActionCreators. Спасибо!

[@ayub_begimkulov]

Да, уже заснял видео. Скоро будет на канале.

[@tmkplzv7979]

Лучший

[@ayub_begimkulov]

Спасибо!

[@user-kq9pd8he1f]

Привет! Про useActionCreators - не знала, крутая штука) Сделай, пожалуйста видео про нормализацию данных в RTK)

[@ayub_begimkulov]

Спасибо за фидбэк! А можешь раскрыть тему, что именно хочешь увидеть? Как ее делать, какие-то либы для этого?

[@Martin-rt3wt]

Cпасибо за контент. Пожалуйста, расскажи про типизацию useActionCreators with createAsyncThunk

[@ayub_begimkulov]

Ага, записал себе.

[@haibova_irisha]

привет спасибо за видео , очень полезно)) не планируешь ли сделать проект на react,redux,ts ?спасибо

[@ayub_begimkulov]

привет, в планах проект есть, но что-то пока силами не соберусь.

[@jaloliddinesonboyev]

Oh great!

[@ayub_begimkulov]

thanks!

[@user-eg2cp6xm6q]

❤

[@user-dw8lb8lc7u]

очень актуальное видео жаль что так мало просмотров

[@ayub_begimkulov]

Да, просмотры пока не прут. Но спасибо за фидбэк!

[@KGZVER]

10:17 а разве это хорошо в плане производительности, когда каждый раз мы будем импортить все экшены постоянно? Ладно если мы в компоненте будем диспатчить экшены из одного редюсера, а если нам понадобятся 3 или больше экшенов из разных редюсеров?

[@ayub_begimkulov]

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

[@jamjam3337]

👏👍

[@ayub_begimkulov]

👍

[@Blazerh1]

спасибо, полезное видео! а типизация useActionCreators уже есть? не могу ссылку найти?

[@ayub_begimkulov]

Привет, да, есть. kzbin.info/www/bejne/hHzKZn5nl5yfoMk

[@user-bh2qf9qp4s]

Столкнулся с проблемой при использовании RtK Query при вызове хуков query идёт ререндер . Мог бы ты сделать подобный гайд по rtk query. За контент спасибо

[@ayub_begimkulov]

А можешь пример скинуть? Так вообще ничего не понятно.

[@gabblz480]

а почему просто не использовать rtk query? Там не нужно будет думать над этим статусами (все есть в коробке), есть кеширование запросов и т.д. Очень полезный инструмент и как мне кажется намного лучше обычного redux toolkit

[@ayub_begimkulov]

Все верно, но если уж юзаешь санки, то надо хотяб эти ошибки не делать.

[@nyarlathoted]

Мог бы розобрать rtk query ?

[@romandeveloper7720]

Привет. Ты пробовал интегрировать Storybook с Vite конфигурацией? У меня не получается, бьет ошибку и вообще инит файлы он создает в папке .storybook с расширением cjs, на вебпаке нормально всё.

[@ayub_begimkulov]

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

[@romandeveloper7720]

@@ayub_begimkulov просто на вебпак-билде получается юзать сторибук, а вот на вите уже нет. Фантастика какая-то(

[@baileysli6235]

20:56 А есть уже видео про правильную типизацию?

[@ayub_begimkulov]

Да, есть. kzbin.info/www/bejne/hHzKZn5nl5yfoMk

[@Evgeny..]

у меня почему-то в dispatch().unwrap() - выдает что нет такой функции (.unwrap)

[@ayub_begimkulov]

А экшен, который ты заворачиваешь в dispatch - thunk?

[@astr0t]

При работе с RTK есть только одна частая ошибка - выбор RTK)

[@ayub_begimkulov]

К сожалению, не на всех проектах можно выбирать.

[@user-vc6mo5nl8g]

Привет, что-то я не понял про первый мини совет и использование одной переменной…. Не делать стейт излоадинг, Изерор и тд? А просто в одной статус все учитывать? Ну тогда та же логика будет. Состояния, то в компоненте надо учитывать….

[@ayub_begimkulov]

Не совсем. Состояние надо будет учитывать. Но оно будет одно. Не будет ошибки, что забыл обновить одну из 3-х булевых перемен. Не будет такого, что success состояние определяется тем, что у тебя ни лоадинг и ни еррор. В общем, все должно быть проще. И меньше шансов сделать ошибку.

[@user-vc6mo5nl8g]

@@ayub_begimkulov спасибо!

[@user-bb2ee7ds9u]

Покажешь как писать тесты на редакс тулкит?

[@gadpetrovich]

kzbin.info/www/bejne/m5XQiaKIrMyEm6s Вместо объекта можно передать конкретный тип, например IdType или NameType, и объявить его можно так: type NameType = string;

[@ayub_begimkulov]

Да, можно. Просто объект для меня более понятый.

[@vektor3540]

Покажи RTK Query

[@ayub_begimkulov]

Вижу много просят, записал в список!

[@user-mi1hq1dz2b]

В больших проектах все пишут create selector.

[@ayub_begimkulov]

Он нужен для мемоизации селекторов. Если мемоизация не нужна - то не особо полезно.

[@mr.zxzxzxz3816]

ассаламуалейкум!

[@ayub_begimkulov]

Валейкум Ассалям.

[@druf5962]

Жаль, что приложение не на полноценных запросах, без обработки ошибок и т.д.

[@saswwer]

Да, покажи правильную типизацию

[@ayub_begimkulov]

Спасибо, заснял видео!

[@helplrewerse2925]

Чтобы вот этим бредом со статусами не возиться есть RTK Query

[@vadim_tech]

Rtk query, прикольная штука, но, например, для нашего проекта не подошел, т.к нам нужен был infinite scroll

[@sovaz1997]

@@vadim_tech Существует такая либа, как useQuery, которая даже предоставляет хук useInfiniteQuery :)

[@vadim_tech]

@@sovaz1997 да, но я конкретно про rtk query сказал, решение, как мне кажется пока сыровато, хоть и прикольно задумано, в плане того, что все запросы в одном месте. А react-query, действительно предоставляет больше возможностей

[@ayub_begimkulov]

Да, rtk query - удобнее, но он не у всех есть. Ну и в целом паттерн со статусами бывает очень полезный.

[@paemox]

Главная ошибка при работе с Redux Toolkit - это его использовать вместо React Query.

[@rusfungame]

Тошни тошни, послушаем

[@ayub_begimkulov]

Не на всех проектах react query.

[@EVolkov18]

Давайте effector

[@ayub_begimkulov]

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

[@nikita00750]

Поддерживаю @monotype1110 , про redux toolkit query, очень интересен взгляд на правильное использование

[@ayub_begimkulov]

Спасибо за предложение. Много людей пишет - записал себе в список!

[@kirillpodolinniy309]

Спасибо большое!

[@ayub_begimkulov]

Пожалуйста!