Типизация для асинхронного Redux Toolkit 

Больше typescript, больше

Благодарю Михаил) Хотелось услышать из ваших уст о вебсокетах

Спасибо за объяснения. На мой взгляд- это лучшее видео по разъяснению redux toolkit'а!)

Контент - просто огонь 🔥 Разобрано вдумчиво и по делу

Красавчик, видео спасло меня от бомбежки и разноса клавиатуры

Спасибо Вам за ваш труд... 😇

Блин, он лучший!

Отличный контент! Автору спасибо!

Большое спасибо тебе за уроки! Я на типизации asyncThunk конкретно встрял, хотел параметр action в экстраредюсерах типизировать, а оказывается надо через дженерик в сам createAsyncThunk...

Как раз то, что я искал, везде инфа про asyncThunk на TypeScript на английском

Огроооооомнейщее спасибо за ваш контент!

Спасибо! (TypeScript для asyncThunk)

Сэр, снимаю перед Вами шляпу!)

Круто, давно ждал такого рода видео

спасибо, так же ролик кстати!!! просьба по возможности добавить createSelector показать как это должно быть при фильтрации. Замечательный ролик P.S. просьба показать как делать на реселектах множественную живую фильтрацию с большими массивами данных (интернет магазин) без пересчёта селекторов фильтра где входящие переменный для фильтра не изменились

очень информативное видео!👍

Очень круто, было бы интересно еще послушать про библиотеку reselect

17:05 Откуда вы знали, что надо затипизировать action? Многое в TS выглядит пока для меня как магия. Треугольные скобки вырастают в самых неожиданных местах. Я не до конца понимаю логику типизации. Откуда появляется понимание, что именно вот этой конкретной штуке именно в этом место нужно еще дженериков написать?

Круто!

кайф. от души

спасибо!

Хотелось бы, про express узнать, может не в тему, но интересно))

Видео супер! Но, ты слукавил, когда сказал что, блок с try catch убрал, потому что ловишь ошибку которую сам же и бросаешь). Давай будем честными, ты это сделал потому что такую конструкцию сложно типизировать, так как в JS с помощью throw можно бросить все что угодно. А вообще, хочу сказать спасибо за серию твоих видео!

А как глобально задекларировать типы RootState и AppDispatch типы? Я пытаюсь вынести все в отдельный файл *.d.ts, через global declare { export type AppDispatch =...}, но ничего не работает.

решил вопрос на 4 минуте, если честно, никак не могу привыкнуть к typescript.

Так и не понял, почему в дженерике createasyncthunk первое передаваемое значение, это тип значения, которое ожидается вернуть, то есть массив Todo.

Михаил, а почему вы говорите что внутри createAsyncThunk можно отказаться от блока try catch? в офф документации он присутствует во все запросах на сервер...

а как типизировать функцию, которая находиться в другом файле и я ее импортирую и передаю в asyncThunk? Кидает эрроры относительно параметров асинхронной функции, не могу передать rejectWithValue нормально

Теперь вместо AnyAction . UnknownAction

Михаил, планируете ли выпустить курс по Next.js? Спасибо ролик кстати)

Привет! Как сделать отправку формы из React в телеграм?

Не понимаю почему все объясняют на примере fetch он же такой сложный по сравнению с axios

Подскажите, в axios нет response.ok. Как там быть с rejectWithValue?

'AnyAction' is deprecated - хммм, а какие альтернативы

михаил у вас есть платные консультации ? если да, то как с вами связаться

у меня toggle не работал для вновь добавленного элемента (201) в запросе на сервер после if добавил const newTodo = { ...todo, completed: !todo.completed } и этот newTodo поместил в body и все нормально. а так в action.payload попадал только completed: true.

Михаил здраствуйте. Как можно динамически получить значение одного ключа в PayloadAction и использовать его значение для отображения данных во 2м ключе. Всю голову сломал, если не сложно подскажите. const initialState:StateManagementProps = { section: { patientRecord: { lists: { listPatients: [], listRecords: [], listDepartaments: [], listService: [], listDoctors: [], listDateTimesByGroupDoctors: [], listDateTimeByDoctor: [], }, }, viewingTheSchedule: { lists: { listAllMO: [], listDepartaments: [], listService: [], listDoctors: [], listAllDateTimesByGroupDoctors: [], }, }, recordInCurrentDay: { lists: { listRecordOperator: [], }, }; В UI хотелось бы использовать так dispatch(managementActions.setList( {keySection: 'recordInCurrentDay', keyList: 'тут не показывает листы на основе ввода keySection ', listData: [] } )); Такое можно организовать если передавать не объектом а аргументами. Я так получаю листы export type ReturnGetList< KeySection extends KeySections_OR, KeyList extends ListBySection_OR > = StateManagementProps['section'][KeySection]['lists'][KeyList]; export function getList( {management}:RootState, keySection: KeySection, keyList: KeyList){ return (management.section[keySection] as any).lists[keyList] as ReturnGetList; } Наброски типов export type KeySections_OR = keyof StateManagementProps['section']; export type ListBySection_OR = keyof StateManagementProps['section'][KeySection]['lists']; export type ListsSections_P = {[K in KeySections_OR]: keyof StateManagementProps['section'][K]['lists']} export type ConcatValuesByObjectTypes = T extends infer R ? R[keyof R] : never; export type GetValueKeySection = Section extends infer U ? U extends {keySection: string} ? U['keySection'] : null : null; export type allKeyList = ConcatValuesByObjectTypes

как типизировать подобное?) state.currency[action.payload?.base]

Если при нажатии кнопки добавить todo у вас не рендерится новая todo добавьте в addNewTodo response.clone().json()