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