Дженерики в TypeScript с нуля: Generic, Extends, Дефолтные Параметры + Примеры Использования.

Разбираем с одной из сложнейших тем в TypeScript - дженериками. Generic - это мощный инструмент, позволяющий описывать типа, способные работать с различными типами и структурами данных. Таймкоды:
00:00 - Зачем нужны generic типы.
01:47 - Что такое generic в TypeScript. Синтаксис дженерик типов.
02:45 - Как работают generic типы.
05:38 - Создаем простой generic для загрузки данных по API.
07:18 - Пример функции generic для работы с массивами.
09:11 - Пример функции generic для работы с объектами.
10:20 - Встроенные типы generic на примере Promise, Array, Record.
12:04 - Generic + extends. Простой пример.
13:05 - Generic + class + extends. Пример с классом.
16:28 - Generic + object. Получаем значение по ключу.
18:18 - Generic + object. Получаем ключ по значению.
21:38 - Типизация функций с множеством дженериков.
23:49 - Значения по умолчанию для generic.
24:35 - Создание собственного дженерика, аналога React.FC.
Приятного просмотра! Буду благодарен за поддержку в виде комментария и лайка!
👉 Менторство и поддержка: / wisejs
✔️Если хочешь изучать программирование со мной, не забудь подписаться :)
kzbin.info/door/Oxq...
✔️Мой телеграм канал: t.me/joinchat/RVq-cmt6n1SJRS7Z
Подписывайтесь на мой канал, следите за новыми полезными роликами, пишите комментарии и приятного просмотра!
Определение понятий взяты из книги: typescript-definitive-guide.r...)
#generic #дженерики #typescript #тайпскрипт

[@wisejs]

Все свои вопросы касательно дженериков оставляй в комментариях 👇, тут же будем их разбирать.

[@andriizilnyk4927]

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

[@romanpohribniak8471]

Я не понимаю,почему на этом канале так мало подписчиков,по-моему лучше что я видел в жизни,это ролики с канала wise.js.Как всегда 100/10 спасибо за то что вы есть!!!!!!!

[@GrOm_SG]

Случайно узнал о канале пару дней назад. Подтверждаю, что очень хорошо объясняются сложные темы. Сразу подписался. Я пол жизни фронт-эндом занимаюсь, но, например, лучшего объяснения TS я не находил пока. А его-то я как раз и упустил в свое время.

[@zizzxiii2714]

Терпение. Скоро будет много) канал то топовый

[@user-ru3ui3is6p]

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

[@user-fg6un4ho9z]

Ахрененное видео, такой разнообразного функционала по дженерикам, даже в хороших платных курсах нет.

[@wisejs]

Спасибо, старался покрыть все базовые возможности :)

[@nouchance]

@@wisejs Спасибо большое 💯🔥

[@ajprofi]

Шикарный обзор! Спасибо. Все собрано, систематизировано и компактно изложено!

[@sergeyplotnikov5031]

Великолепное объяснение!!! Большая благодарность с низким поклоном!

[@user-uz7ok7vl2j]

Спасибо автору!!! Замечательные уроки 👍👍👍

[@grabril3264]

Огромное спасибо за объяснения) Дженерики стали для меня намного понятнее)

[@arthurkitskan2359]

Спасибо! Очень доступно изложена тема, которую не так просто понять. Продолжайте, вы делаете полезное дело!

[@user-xe7sp3pr7t]

Все четко, ясно и с душой! Как всегда!

[@nickkulmann]

Огонь. Все по полочкам разложено. Огромное спасибо за такой полезный урок.

[@user-ux8df6rx1e]

Просто супер объяснение. За разбор примера из официально документации отдельный респект👍

[@konstantinvoronin4687]

Спасибо за очередное видео про TypeScript Generic, Extends

[@bvfromruvitaliy]

Вот это вообще офигенное видео, ни у кого такого не видел!

[@user-nk8pq1hc4e]

Спасибо за просто невероятное объяснение этих дженериков)

[@blgarOk]

Спасибо. На примерах понять дженерики много проще.

[@romarooman]

You are the best! There were great snippets,understandable. Thank you;)

[@dmitrytrofim]

Наконец-то доходчивое объяснение. Спасибо!

[@user-zs4bs3yp3h]

Это баааза) очень, очень хорошее объяснение, удачи в блоге!

[@Polite_person_]

Очень доступно объяснил, спасибо большое. Ждём ещё разборы тем по TS , потому что мало толковых роликов , везде рассказывают самые основы и например те же дженерики бегло объясняют.

[@rasul7702]

Спасибо за офигенное объяснение

[@pc_boyarin1712]

Очень крутой ролик по дженерики! Теперь его всем советую)

[@fuad2069]

Спасибо огромное! Хоть у тебя есть такой контент оказывается

[@dimalukashenko4865]

Хороший урок, спасибо за труд!

[@user-py4jl1nm3v]

Спасибо за видос. Отличные примеры

[@muratakmamedau7328]

Канал огонь! Спасибо за контент!!!

[@user-pl6xx3xk9t]

Контент - ТОП! Спасибо большое!

[@user-mu4my8fq2e]

Урок отличный, примеры прикладные!

[@TheGaddina]

Вот что значит человек постарался и подготовил материал. Знания залетают как конфетки с чаем)

[@user-zj1xh1uc2l]

У меня много практических вопросов поднакопилось к Generic. Это видео их полностью закрыло. Спасибо огромное!

[@777Vasya77]

Без комментариев, просто 🔥🔥 🔥

[@RamaRama-qv3jo]

Спасибо, за видео! Пожалуй это лучшее и доступное объяснение которое я видел)

[@apkartas7416]

Спасибо!!!! все понятно обьсняешь!!

[@romanpit4you361]

Это видео...просто клад. Спасиб) На курсах теорию прохожу, понял частично. Видео посмотрел, понял практически все. Осталось попрактиковаться.

[@yaknyaz13]

Наконец-то понял. Низкий поклон автору

[@B_G_V]

Видос - шикардос, держи лайкос :)

[@1654045]

Просто супер! Красава. Хотим больше по TS но желательно без привязок к реакту и пр. )

[@gregorytorshin2574]

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

[@Anonym-li8eb]

Очень полезный урок, спасибо 🙌

[@germanfomenko4674]

Самый лучший видос по дженерикам.

[@sezarik1663]

Однозначно лайк, всё разжевал - спасибо. Теперь всё стало понятно)

[@andriizilnyk4927]

ты мега крут, все четко и понятно, куча примеров, спасибо за твой труд...

[@wisejs]

Спасибо 😀

[@champ__champ]

@@wisejs Согласен, реально топ, побольше бы от тебя видосов!!!

[@yabadababy3204]

Это лучшее видео про джинерики которое я видел

[@floor12evgen]

Аффтор молоток. Видео качественное.

[@snezhok9863]

всё доступно и понятно. спасибо

[@user-lj7yk3kl3f]

хорошее руководство по дженерикам: лайк, подписка)

[@garajgames3336]

Дядя, это балдеж) обьясняешь понятно и кратко, мне б такого ментора 😂😂

[@ksushakiseleva2644]

Лайк, подписка! ❤ Спасибо за твой труд!

[@yuraya6269]

Отличное видео Спасибо за объяснения

[@user-ky4vq5jm5u]

Отличный видос, так держать.

[@localhost666]

Отличное объяснение!

[@quiksilverost]

топ! это самое полезное видео, которое я просмотрел за этот год

[@user-tp3ru2yw1r]

Огромное спасибо!! Третий или четвертый раз пытаюсь понять про дженерики и только из вашего видео поняла

[@user-gb9et7dk2r]

Лучшее объяснение дженериков.

[@AGM140580]

Спасибо за подробный разбор и примеры! Мне очень помогло.

[@wisejs]

рад, что мои видео приносят пользу)

[@VH-777]

Спасибо тебе добрый человек )

[@maxd7347]

посмотрел несколько видосов про Женерики , этот самый збс. Жирный лойс! И вообще парень толковый

[@orkhannabi]

Cупер контент, изи! Асалам алекум трампопом👏🏻

[@user-xw8ur4sc6t]

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

[@vladimidlav]

Дженерики такая неоднозначная вещь, пересмотрел почти все русскоязычные видео на эту тему. Ты сделал самое лучшее объяснение, как же я тебе благодарен, теперь как-то по полочкам уложилось

[@magakz]

Топовое видео!

[@andreymelnichenko9373]

крутяк видос! юзаю как справочник!

[@user-pt2uz5st7i]

Очень крутое объяснение спасибо

[@webartem]

Спасибо за примеры из реальной жизни. Когда читаю статьи и документацию, там одна синтетика

[@hippycore0]

Лайк, наконец всё понятно

[@olfi1728]

Спасибо за видео.

[@user-so1bu9cw5g]

Wise, ты один из лучших! Typescript, generic)))) 🥳🥳🥳

[@user-ht5qv3wy4z]

Красавчик, рассказал четко, подписался лайк прожал, молодец! =)

[@mikhailreznichenko8035]

Видос огонь! 🔥🔥🔥

[@wisejs]

🧯🧯🧯

[@alexmercer4653]

спасибо большое. прям очень качественный материал

[@wisejs]

Спасибо за комментарий!

[@creativesolution4827]

Чувак, спасибо!!

[@HoshiramaSensei]

Большое спасибо!

[@galievramil1169]

Сразу видно, когда разработчик видяху делае.... Лайк

[@GuvaPusto]

Тот случай, когда понял, что все оказалось так просто, что странно, что не допер раньше. Спасибо. Может про всякое ООП в тайпскрипте расскажите.

[@lindafromdream]

Спасибо!

[@Quentinrei]

Топ контент, успехов ! На 7:00, можно было добавить значение по умолчанию для Т, тогда и без уточнения можно передавать

[@garikmelqonyan6011]

Good job.

[@e_viskhan]

Поставил лайк, не только из-за того что контент топ, но и за то, что нет ничего что отвлекало бы: музыки, лишних вставок и т.п. Тот самый момент, когда тебя не просили, но ты поставил лайк, оставил комментарий и подписался). Удачи!

[@alexmotorniy]

дякую велике, це значно зрозуміліше ніж дока

[@PieceOfInternet]

Последний пример особенно топ) не так давно начал изучать реакт и пытаюсь разобраться в типизации реакта) было интересно узнать на реализацию :FC функционального компонента в реакте.

[@1Malak16]

Спасибо бро! Твой канал определенно один из лучший русскоязычных по тематике. Рекламу бы какую то нормальную сделать, чтобы о канале узнало побольше людей. Тогда успех обеспечен.

[@wisejs]

Спасибо за поддержку, бро!)

[@temasAndreikin]

Не могу, начал изучать TP, думал, что дженерики это что то новое, крутое, а это просто шаблонный тип данных. К автору ничего не имею, красава, ролик хороший. Делай еще, ты красава.

[@fidgetmania]

Наверно, это самое ценное видео по дженерикам на русском языке. Огромное спасибо) лайк + колокольчик 👍

[@rmnkot]

Мегаполезное видео, просто о сложном!!!

[@wisejs]

Спасибо, рад что понравилось)

[@venobrun]

бомба видос)) извините меня все тут, но не могу я не сказать про ключЬ!))

[@wisejs]

век живи - век учись))))

[@maxforest7133]

Сколько бы не пытались уйти от динамической типизации, в итоге к ней и вернулись..

[@user-fk2rp8bm6t]

жесть)

[@Aziikus]

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

[@mrgrd56]

12:55 Тут дженерик не особо-то и нужен =) function len(collection: {length: number}) { return collection.length; } len([1, 2]); len('hello'); Тоже работает

[@yuriymusatov9181]

пишу на js уже несколько лет, последний год в своем проектке использую ts но не на 100%, но даже так получаю много пользы от него, НО блин на 21 минуте какаято жесть как по мне, че так усложнять то?

[@you.Multypassport]

надо больше вариаций там еще Return type какой то завезли все все другое новое рассказать.

[@wisejs]

Это уже conditional types + infer. Сделаю по ним видео.

[@sergeys4732]

Расскажи про утилиты тс

[@wisejs]

Будет.

[@yakut54]

По теме видео, спасибо за науку, конечно, но один момент я тут не увидел. И понять его не могу. Как и, главное, Когда нужно применять generic при вызове функции..... Пример из React: const [value, setValue] = useState(0)

[@vladislavnovikov5202]

на 8:46 немного непонятно: почему TS разрешает передать в функцию массив содержащий два разных типа?

[@wisejs]

Потому что тип указан как любой массив. Там хоть сотня разных типов может быть.

[@vladislavnovikov5202]

​@@wisejs ну я это понимаю как массив элементов типа T. Дело в том, что мой основной язык - это Java, и там такие фокусы сделать нельзя. Там если массив / коллекция объявлены как T[] / List, то положить туда что-то, что не расширяет само T (ну или само T) нельзя

[@ko22012]

10:12, это операция пересечения, а не объединение

[@user-ge2qk4cm1j]

+

[@user-sv1ze9gk3b]

👉 Этот комментарий создан в качестве уважения автору и для продвижения его канала.

[@allusio]

1. можно ли обявлять тайп алиасы с дженериками? Допусти: type UserFactory = FactoryClass; const userFactory: UserFactory = .... 2. Использовать generic react компонеты в разных units: React.ComponentProps ?

[@wisejs]

1. Можно. 2. Можно, если в этом есть смысл.

[@allusio]

@@wisejs как, если TS это не пропускает.

[@wisejs]

@@allusio что не пропускает?

[@allusio]

@@wisejs использование дженериков в объявлении алиасов ну и использование типов с дженериками, кроми как объявление типа переменной

[@wisejs]

@@allusio давайте примеры кода, что не работает. Сложно понять что именно не работает.

[@risselify]

После просмотра этого видео, мой мозг сгорел

[@miloman1995s]

как же сложно ..... ааааааа