Полиморфные React компоненты

[@ggindinson]

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

[@c4973]

Михаил, спасибо за ваши видео! Спасибо за простое пояснение сложных вещей! 🔥🔥🔥 Пожалуйста не забрасывайте.

[@victormog]

Очень полезные уроки для освоения TypeScript!

[@vadim_tech]

Топовая вещь! Полиморфные компоненты это must have для тех кто пилит свой ui kit.

[@thats_embarrassing_JS]

Typescript творит чудеса... Спасибо за видео, Михаил!

[@YuryKorotovskikh]

Большое спасибо за видео! Было очень полезно, посмотрев, смог решить старую проблему с полиморфным компонентом в библиотеке.

[@denis7442]

Красава! Спасибо за такой контент, все доходчиво и без воды. Побольше бы видосов по ts

[@роматарасов-о8л]

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

[@bagga_lev]

Как всегда, вижу ролик Михаила и понимаю, что время будет проведено с пользой =) Спасибо за материал!

[@АнатолийГорбов-о1ь]

Это прям супер видео! Михаил спасибо, если можно побольше такого рода видео!

[@profesor08]

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

[@Pavel-wj7gy]

Спасибо за видео! На самом деле полноценная реализация такого компонента это задача на несколько дней, но за контент большое спасибо, тема очень полезная.

[@Антон-ю2п6е]

Фантастика!

[@ЕгорЛазука-й1э]

Спасибо за видео. Кроме пропса as такие возможности полиморфизма можно провернуть через другой пропс? Например пропсы зависят от значения пропса multiple (true|false).

[@dreadwood]

Это просто взрыв мозга! Наконец-то без флагов и ветвлений перепишу все кнопки

[@demiurgen13]

Михаил, спасибо. Годнота за годнотой

[@AndreiTolstoi]

реально лучший!👍👏

[@mmm-m2t]

Дружище, один момент, в React, для создания компонента, используется функция createElement а не , так не правильно делать. В остальном, спасибо, очень и очень полезный для меня видеоролик!

[@apyrkh]

странно, для as="button" не определяется тип для onClick ивента: Parameter 'e' implicitly has an 'any' type.ts(7006). Я делал через: type HTMLElementProps = Parameters[0] , но по ощущением медленнее работает

[@almazyakhin7246]

спасибо, полезно

[@Artur-pk3sw]

я так давно это искал! спасибо :)

[@snatvb]

Крутые видосы для продвижения пацанов из начинающий мидлов далее я бы еще экспортировал пропсы -- ибо если потом проекте надо будет сделать обертку над таким компонентом -- придется менять код, который уже написать, что нарушение open-close principle

[@secondname_lastmane]

@Михаил Непомнящий подскажите как сюда в этот компонет прокинуть ref

[@XiaoRenMeishi]

Михаил, у вас нет в планах адаптации ваших курсов по Реакт и Редакс на тайпскрипт? Тот же материал, но с увеличенной ценой за бонус ввиде типизации.

[@mishanep]

Я только в этом месяце выпустил курс по ts, где в том числе есть блоки по реакт и редакс. Сами курсы по реакт и редакс останутся пока на js.

[@Bohdan-Venhrenovych]

Топ!

[@CJIu3eHb]

Интересно, можно ли избавиться в текстовом компоненте (9:34) от трехкратного употребления в дженериках "E extends ElementType"? Кстати, мне кажется, что можно убрать дефолтное присвоение дженерику в строке 3, а в строке 9 не использовать этот дефолт, а явно указать уже имеющийся в этом выражении дженерик: "keyof TextOwnProps".

[@brucewayne_007]

🔥

[@cheesecheesson9842]

Какой классный контент и так мало просмотров.

[@sicdex]

Привет, есть одно НО - если оборачивать это в (например: memo(Component)) это будет работать с поправкой на те элементы которые у вас в BaseProps, а в otherProps не чего не придёт, так-как условная "E" у вас не попадает в фии memo.

[@Pavel-wj7gy]

Это далеко не единственная проблема с такой простой реализацией. Вероятно также будут проблемы с тем, что мы не сможем передать ref и даже если захотим, то придется переписывать много кода. Также под вопросом передача event handler'ов. А что если мы захотим передать в компонент-кнопку из реакт-роутера? А что если компонент-consumer нашего компонента передает className, при этом внутри самого компонента уже есть какой-то className? Как вообще стили className родителя, styles родителя, event handler'ы родителя будут сливаться с теми же пропсами в базовом компоненте? Иными словами релизация такого компонента на TS это ОЧЕНЬ сложная задача. Код который здесь написан, вряд ли пошёл бы в продакшн.

[@poiu7185]

Давайте про модульный подход в реакт

[@alexeyfilippov42]

хм не знаю как сделать Link от react router dom или button

[@ПавелПечёный-ф9й]

👍

[@constantine6464]

5:21 typeof defaultElement - это ведь будут string, разве нет?! зачем это вообще??

[@mishanep]

Не совсем. Типом будет литерал. И если значение потом изменится, то и тип будет другим

[@vlasovdanildev]

Здравствуйте Михаил, сделайте пожалуйста видеоролик про все хули реакта

[@A.Floatrx]

🤣

[@vladimircreator]

База.

[@yuliasereda5671]

здравствуйте,а курс по тайпскрипту состоит из 6 видео?

[@mishanep]

Здравствуйте. Смотря о чем вы спрашиваете. Если про материалы на KZbin, то здесь у меня 2 плейлиста - один про основы, второй про реакт (включая это видео). Есть 13-часовой курс по ts, опубликованный мной на Степике и на udemy. Актуальные ссылки всегда есть на моем сайте mishanep.com

[@yuliasereda5671]

@@mishanep спасибо большое

[@NeoCoding]

что-то на умном

[@ruslanmustafin8887]

Читерство)

[@nade3282]

пример с текстом странный, в чем смысл создавать отдельный компонент для текста, если захочешь изменить div на h1 или на label это и без компонента можно сделать

[@vadim_tech]

Это же пример. В реальности, обычно, компонент text содержит дополнительную логику со стилизацией текста. Чтобы ее переиспользовать как раз и нужны полиморфные компоненты.