05 - React + connect, TypeScript, mapStateToProps, mapDispatchToProps / React JS - Путь Самурая 2.0

Коничива, самураи! 👌

Всё глубже будем погружаться в TypeScript и не оставим нашей социальной сети никаких шансов! Летим! Сегодня научимся типизировать локаьный стейт и пропсы классовой компоненты, пропсы для фнукциональной компоненты, useState, и, самое главное, это типизация функции connect (из библиотеки react-redux)

Вы красавчики, самураи! Я вами горжусь! Спасибо за поддержку! Летим в космос вместе!

Платное обучение в онлайн или оффлайн инкубаторе:

А здесь бесплатная взаимопомощь:

* Мы в соц. сетях:

* Мои личные VK и Insta:

#reactJS #typescript #практика #примеры #уроки #курс

Удачи нам, друзья!

[maxim.saharov]

- РЕШЕНИЕ ОШИБКИ - TS2307: Cannot find module './Paginator.module.css' or its corresponding type declarations.
- вот как я ее победил спустя пару часов)
Нужно добавить файл - declaration.d.ts - в папку src в любое место, я добавил в папку utils – которая у нас уже была и в этот файл добавить такой текст - declare module "*.module.css";
И все)
Более подробно есть на английском стаковерфлоу с таким вопросом – «Can't import CSS/SCSS modules. TypeScript says "Cannot Find Module"»

[oconnor]

Димыч, от души !!! Допили пожалуйста до конца этот сезон 😢

[aymkin]

Кабздец я испугался вверх ногами читать код)

[АлексейАсташонок-оь]

ТС для библиотек сильно усложнил мне задачу в первом сезоне. classnames / redux-form и тд. Мало того что в курсе устаревшие библиотеки, так еще и тс ругается. Пришлось поплясать с бубном. Рад видеть, что об этом уроке это все таки упомянуто. Нконец то будет порядок в коде и станет понятно как что типизировать. Столько кода, что не запомнить это будет сложно. Спасибо

[ИльяСамович-эв]

Благодарю за урок. TypeScript, React, Redux

[ivanmiarkulau]

спасибо за отличный урок про использование TypeScript в React. Типизировали connect, mapStateToProps, mapDispatchToProps и несколько компонент (функциональных и классовых). Кстати песни совсем не дурацкие, а очень даже приятные, заряжающие в космос, летим!)

[darjat.]

typescript просто огонь. язык для людей :) спасибо за видео, как обычно всё просто, понятно и круто )

[arthurbearnyson]

решил все таки усваивать информацию глубже и перевернул экран
спасибо, совет помогает, лайк :)

[alexleshenko]

Даже зная реакт приятно уроки смотреть) года 2 назад бы этот урок запустился😂😂 но спасибо)

[npinskij]

Димыч, большое спасибо за труд, ты красавчик!!!
Ждем перезапуска 2-го сезона 💪

[tema_skakun]

Димыч, просто супер спасибо огромное))
самостоятельно типизировал остальные компоненты, не уверен, что всё правильно сделал.
мчим дальше - по ходу разберёмся)))

типизировал компоненты с помощью typescript

[AlexNesterov-fq]

всегда смотрю видео до конца))
в конце нравится слушать какие то наставления, твои рассуждения, шутки, ламповое такое заключение всегда твоих роликах!! это подкупает конечно)
уже подписался на донат тебе, пока правда 2$, но это вопрос времени) найду работу, будет больше, верю в тебя и в твои начинания!
Летим🔥🔥🔥

[Багвматрицегребанойреальности]

Спасибо за урок!!! React + connect, TypeScript

[ВикторКысса-ях]

Спасибо, летим в космос !!! Всем советую пересматривать видеоуроки ! TypeScript, React, Redux )

[furzaa]

Typescript, React и Redux с нуля.
Отличный формат, лайк за черную тему. Кстати, ты в конце переписал на ts ProfileStatus, вместо ProfileStatusWithHooks, который использует приложение) Надеюсь другие тоже у себя заметили и исправили) Спасибо за все курсы

[ОлегПузанкін]

Отлично все разжевано, единственно хочу сделать замечание кто пользуется до сих пор классовыми компонентами - StateTypes можно не определять в дженерике при определении класса, если потом state инициализуирется свойством, а не в конструкторе, так как state определнный как свойство переопределяет тот тип интерфейса, который был подставлен в дженерике вторым параметром.

[konstantinvoronin]

Агонь! Как всегда все очень добротно! Знания получил, пинок от Димыча тоже.
Пощупал типизацию mapStateToProps, mapDispatchToProps и connect через TypeScript. Летим дальше!

[margokomilfo]

псих Димыч - самый лучший!! Все тебя любим=)) Летим!

[НикитаПожидаев-ыл]

Скоро перебросят в кампании на проект React + Typescript, благодаря твоим урокам удивлю ребят на работе!

[kurt-miller]

Димыч, если хошь, настрой запуск проекта правильным образом - справа вверху у тебя есть ProfileStatus component бла бла и еще правее кнопки запуска (зеленый треуголник) и стопа (красный квадрат).
Так вот тыцни на ProfileStatus component... Там будет Edit configuration, там увидишь существующие templates
потом клацаешь + и добавляешь npm
Думаю многим будет полезно.