ТОП 6 ОШИБОК ПРИ РАБОТЕ С Redux Toolkit
Вставка
- Опубліковано 4 сер 2024
- В данном видео рассмотрим важную тему, касающуюся 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 - Заключение
Большое спасибо тебе, Аюб! Твой канал это просто огонь!
Спасибо!
Дякую за відео 🙏 Було цікаво подивитися ☺️
Спасибо!
Много времени сэкономил! Один из самых полезных видео по rtk! Благодарность!
Спасибо за фидбэк!
спасибо, продолжай пожалуйста в том же духе, больше знаний богу знаний!
Очень полезно, подметил пару фишек. Спасибо за контент!
Рад помочь!
Аюб, большое спасибо за советы!
Очень полезно, узнал новое для себя!
Рад помочь!
Давно такое искал, спасибо огромное!!!
Рад помочь!
Супер! Очень хочу еще про RTK Query и про правильную типизацию хука useActionCreators :)
Все будет, записал себе в список.
Крутое видео получилось! Спасибо за то, что делишься своим опытом.
Рад помочь!
Redux Toolkit Спасибо что делишься опытом.
Рад помочь!
Большое спасибо тебе, Аюб! 5 и 6 ошибки прям огонь 🔥
Ждем типизацию 😊
Рад помочь!
Слава оллаху что не джихад устраиваешь
Бро, спасибо большое ,очень интересно и полезно , жду про типизацию )
Спасибо за фидбэк!
Аюб, спасибо. Крутой контент!
Рад, что понравилось!
Мне как всегда нравятся❤️ твои работы и видео,🧑🏻💻 желаю счастья и успехов в работе и жизни❤️
Спасибо большое!
Спасибо, побольше таких видео)
Не за что.
Просто кладезь полезной информации спасибо :))
Рад помочь!
Спасибо!
спасибо большое тебе Айюб! за такой контент!
Рад помочь!
Очень интересна тема с редаксом, продолжай!😇
Спасибо!
привет !!! спасибо за видео, на самом деле очень полезно) уже переписал свой проект.
Рад, что было полезно!
Спасибо большое!
Пожалуйста!
Классный контент. Понравился разбор ошибок и увидел паттерны которые могу использовать у себя в коде, хотя не работаю с ртк и санками. Спасибо!
Рад помочь!
Как всегда топ!
Спасибо!
Интересное видео! побольше таких видео про разбор реальных кейсов) и по поводу типизации было бы интересно посмотреть если снимешь видео! Спасибо
Видео по типизации есть -- ua-cam.com/video/NKg5K1b7ljg/v-deo.html
Как всегда красавчик, продолжай
Спасибо большое!
Недавно наткнулся на твой канал, ем не наемся!)))
Спасибо за очень годный и свежий контент!!
Подписывайся! Нового контента еще много будет хахаха
Уже! И зедсь и в телеге!)
Отличное, информативное видео, очень хотелось бы увидеть видео о том, как правильно обрабатывать statues в RT, имею ввиду кейсы, когда на странице много разных элементов загрузку которых труебутся контролировать по разному. Спасибо!
Запиши пж какой-то видос про оптимизацию сайта, как эти вещи отслеживать, как лечить, а так как всегда супер
Когда увидел useActionCreators - "а чё, так можно было?". Очень полезное видео. Спасибо, Аюб!
Спасибо!
Типизация action creator'a очень интересна!!! Лучшее что видел про redux toolkit
Спасибо! Типизация будет, уже заснял.
Ждем правильную типизацию хука useActionCreators! :) Спасибо за контент
Уже заснял. Скоро должно быть на канале.
Огромное спасибо! Хоть и пишу на RTK уже > 2 лет, нашёл для себя много полезного. Пожалуйста, расскажи про типизацию useActionCreators.
Скажи, а с RTK-Qwery ты работал? Если да, то можешь снять по нему такой же видос тоже?
Про типизацию расскажу обязательно.
Лучший
Спасибо!
Спасибо! Все эти ошибки были у меня. Вот я знаю про паттерн прокси. А другие не знают. И прикольно было бы в 2-х словах останавливаться на таких моментах!
Понял, спасибо за фидбэк!
Третью ошибку пропагандирует документация RTK
Спасибо за хорошие замечания, до некоторых уже сам дошел ,а некоторые были открытием)
Да, некоторые уже есть в доке. Спасибо за фидбэк!
В "Эпизоды" на youtube попробуй указывать не только номера ошибок а и ключевые слова по типу: Первая ошибка (useSelector), так намного удобней
Ок, спасибо за фидбэк!
Привет! Про useActionCreators - не знала, крутая штука) Сделай, пожалуйста видео про нормализацию данных в RTK)
Спасибо за фидбэк! А можешь раскрыть тему, что именно хочешь увидеть? Как ее делать, какие-то либы для этого?
привет спасибо за видео , очень полезно)) не планируешь ли сделать проект на react,redux,ts ?спасибо
привет, в планах проект есть, но что-то пока силами не соберусь.
на youtube очень мало годных уроков по RTK Query. Можешь пожалуйста разобрать реальные use case с твоего опыта.
Записал в лист. Надо подготовиться. А так вижу многим интересно.
Есть но не на руском
Тема интересная! Узнал для себя новые моменты. Можешь показать, как ты учитывал Thunk Action Creators, чтобы они подхватывались в useActionCreators. Спасибо!
Да, уже заснял видео. Скоро будет на канале.
Cпасибо за контент. Пожалуйста, расскажи про типизацию useActionCreators with createAsyncThunk
Ага, записал себе.
спасибо, полезное видео! а типизация useActionCreators уже есть? не могу ссылку найти?
Привет, да, есть.
ua-cam.com/video/NKg5K1b7ljg/v-deo.html
Oh great!
thanks!
Столкнулся с проблемой при использовании RtK Query при вызове хуков query идёт ререндер . Мог бы ты сделать подобный гайд по rtk query.
За контент спасибо
А можешь пример скинуть? Так вообще ничего не понятно.
очень актуальное видео
жаль что так мало просмотров
Да, просмотры пока не прут. Но спасибо за фидбэк!
❤
👏👍
👍
Мог бы розобрать rtk query ?
20:56 А есть уже видео про правильную типизацию?
Да, есть.
ua-cam.com/video/NKg5K1b7ljg/v-deo.html
Покажешь как писать тесты на редакс тулкит?
Привет.
Ты пробовал интегрировать Storybook с Vite конфигурацией? У меня не получается, бьет ошибку и вообще инит файлы он создает в папке .storybook с расширением cjs, на вебпаке нормально всё.
Если честно не пробовал. Сторибук же сам под капотом должен вебпак юзать, причем здесь сборщик приложения?
@@ayub_begimkulov просто на вебпак-билде получается юзать сторибук, а вот на вите уже нет. Фантастика какая-то(
а почему просто не использовать rtk query? Там не нужно будет думать над этим статусами (все есть в коробке), есть кеширование запросов и т.д. Очень полезный инструмент и как мне кажется намного лучше обычного redux toolkit
Все верно, но если уж юзаешь санки, то надо хотяб эти ошибки не делать.
10:17 а разве это хорошо в плане производительности, когда каждый раз мы будем импортить все экшены постоянно? Ладно если мы в компоненте будем диспатчить экшены из одного редюсера, а если нам понадобятся 3 или больше экшенов из разных редюсеров?
А что не так будет с производительностью, если импортировать много экшенов? Это же не должно дать никакой разницы.
у меня почему-то в dispatch().unwrap() - выдает что нет такой функции (.unwrap)
А экшен, который ты заворачиваешь в dispatch - thunk?
ассаламуалейкум!
Валейкум Ассалям.
При работе с RTK есть только одна частая ошибка - выбор RTK)
К сожалению, не на всех проектах можно выбирать.
Привет, что-то я не понял про первый мини совет и использование одной переменной…. Не делать стейт излоадинг, Изерор и тд? А просто в одной статус все учитывать? Ну тогда та же логика будет. Состояния, то в компоненте надо учитывать….
Не совсем. Состояние надо будет учитывать. Но оно будет одно.
Не будет ошибки, что забыл обновить одну из 3-х булевых перемен. Не будет такого, что success состояние определяется тем, что у тебя ни лоадинг и ни еррор. В общем, все должно быть проще. И меньше шансов сделать ошибку.
@@ayub_begimkulov спасибо!
В больших проектах все пишут create selector.
Он нужен для мемоизации селекторов. Если мемоизация не нужна - то не особо полезно.
Покажи RTK Query
Вижу много просят, записал в список!
Жаль, что приложение не на полноценных запросах, без обработки ошибок и т.д.
Да, покажи правильную типизацию
Спасибо, заснял видео!
ua-cam.com/video/edmXoRwgQeI/v-deo.html
Вместо объекта можно передать конкретный тип, например IdType или NameType, и объявить его можно так:
type NameType = string;
Да, можно. Просто объект для меня более понятый.
Давайте effector
Мало кто использует, думаю многим будет не особо интересно.
Чтобы вот этим бредом со статусами не возиться есть RTK Query
Rtk query, прикольная штука, но, например, для нашего проекта не подошел, т.к нам нужен был infinite scroll
@@vadim_tech Существует такая либа, как useQuery, которая даже предоставляет хук useInfiniteQuery :)
@@sovaz1997 да, но я конкретно про rtk query сказал, решение, как мне кажется пока сыровато, хоть и прикольно задумано, в плане того, что все запросы в одном месте. А react-query, действительно предоставляет больше возможностей
Да, rtk query - удобнее, но он не у всех есть. Ну и в целом паттерн со статусами бывает очень полезный.
Главная ошибка при работе с Redux Toolkit - это его использовать вместо React Query.
Тошни тошни, послушаем
Не на всех проектах react query.
Поддерживаю @monotype1110 , про redux toolkit query, очень интересен взгляд на правильное использование
Спасибо за предложение. Много людей пишет - записал себе в список!
Спасибо большое!
Пожалуйста!