Фишки TypeScript о которых ТЫ НЕ ЗНАЛ!

  Рет қаралды 93,305

Ulbi TV

Ulbi TV

Күн бұрын

Пікірлер: 269
@VasyaFF
@VasyaFF Жыл бұрын
Ulbi, красавчик! Можно вот этого вот побольше?
@MrTruth-rc2fr
@MrTruth-rc2fr Жыл бұрын
Хахах, знакомые слова)
@АртемийКолотов-з4ь
@АртемийКолотов-з4ь Жыл бұрын
Контент в кайф!
@VasyaFF
@VasyaFF Жыл бұрын
@@MrTruth-rc2fr Это ЧатГПТ (подмигивает)
@anatoliiilescu839
@anatoliiilescu839 Жыл бұрын
чтобы вы еще хотели ? думаю ради вас все будет!!!
@VasyaFF
@VasyaFF Жыл бұрын
@@anatoliiilescu839 Порядочные люди знают, что здесь не стол заказов. Но ради продвижения ролика было бы хорошо устроить срач в комментах.
@dzmitrypasavetsdimapolonez2644
@dzmitrypasavetsdimapolonez2644 Жыл бұрын
Пили ещё. Не затянуто, познавательно, хотелось бы увидеть, весь список подобных лайфхаков которые ты перечислил в видосе.
@maksimtsvetkov3764
@maksimtsvetkov3764 Жыл бұрын
На 24 минуте (Utility Types) при объявлении типа с таким же набором полей как у одного из полей интерфейса, как альернативный вариант записи можно просто записать type Birthday = User['birthday'], тогда конструкция valueOf не потребуется и читабельность будет чуть проще. Спасибо за видео!
@ixplo
@ixplo Жыл бұрын
это проблема TS. почти любой тип можно описать почти бесконечным количеством вариантов. И никто не знает всех лучших вариантов ) я не знаю ни одного настоящего синьора в TS. Все постоянно в поиске. И это дико. Дико, что TS втыкается в 90% проектов, но никто не умеет в него нормально )
@IzyLifeVlog
@IzyLifeVlog Жыл бұрын
Да, это здоровский формат! Быстрая иньекция новой информации, каждый день по 30 мин и уже будешь знать больше чем многие колеги!
@MrRbSecond
@MrRbSecond Жыл бұрын
Братан, хорош, давай, вперёд! Контент в кайф, можно ещё? Вообще красавчик! Можно вот этого вот почаще?
@BOCbMOU
@BOCbMOU Жыл бұрын
27:43 Если нужно добавить один дженерик в функцию и нет необходимости экстендить его от чего-то, то можно просто добавить запятую: В таком виде это уже не будет JSX, а будет именно дженерик. И это актуально только для .tsx файлов, в .ts файлах с этим проблем нет.
@sjdjjsjsjs3991
@sjdjjsjsjs3991 18 күн бұрын
Как же хорошо, что я не использую react в своих проектах
@BOCbMOU
@BOCbMOU 18 күн бұрын
@sjdjjsjsjs3991 странно гордиться своими недостатками.
@falsetrue7910
@falsetrue7910 Жыл бұрын
Узнал новое, не смотря на то, что с ТС давно на ты Спасибо!
@DubinArtur
@DubinArtur Жыл бұрын
12:50 если надо, чтобы функция принимала стоки, которые относятся к enum, нужно в качестве аргумента функции указать ‘${UserRole}‘. Функция пропустит и enum значения как UserRole.Admin, так и "admin"
@ded-insult
@ded-insult Жыл бұрын
Братан, хорош, давай, давай, вперёд! Контент в кайф, можно ещё? Вообще красавчик! Можно вот этого вот почаще?
@ralfsimpa7423
@ralfsimpa7423 Жыл бұрын
ахахахах а ты харош)
@gigor1433
@gigor1433 Жыл бұрын
Очень интересно, большую часть знал, но пара пригодится точно. Очень интересно о каких ещё приёмах ты бы мог рассказать
@ArtyomSamsonchik
@ArtyomSamsonchik Жыл бұрын
На 23:50 можно вытянуть тип Birthday гораздо проще. У TS есть синтаксис доступа к типу по индексу, и выглядит это так: type BirthDay = User['birthDay'] И не нужны ни Pick, ни ValueOf.
@maximkarpov4405
@maximkarpov4405 Жыл бұрын
так его valueOf по сути тоже самое
@geek-peek
@geek-peek Жыл бұрын
По поводу enum: они бывают не только строковые, ещё и числовые - хотя в рантайме это просто число, но на этапе разработки ты можешь писать не === 1, а что-нибудь имеющее смысл. И зачем они нужны: 1. Чтобы не использовать строки в коде, и чтобы не было соблазна их повторять 2. Чтобы обрабатывать входящие данные: у меня на проекте есть типы газоанализаторов, и приходят они как число 0-255, а на фронт нужно отдать название. Здесь помогли 2 enum - числовой и строковый
@holfizz7868
@holfizz7868 Жыл бұрын
это какой то п**дец. Я еле еле что то вкурил. И я понял что надо учиться и учиться. Тимур ты реально крут. Спасибо тебе❤❤
@dmitrykabanov9458
@dmitrykabanov9458 Жыл бұрын
По сути, все что показано в данном видео это вспомогательные инструменты ТС. Это не обязательно использовать но надо знать, по тому что эти инструменты помогают писать код таким образом, чтобы предотвращать не корректный код. Если интересно, почитай про тайп гарды, анкноун и Невер. Всякие енамы, как по мне, не нужны. Они просто побыстрее работают
@holfizz7868
@holfizz7868 Жыл бұрын
@@dmitrykabanov9458 Я обязательно займусь этим но позже. Мне очень сложно это воспринимать так рано:)
@dmitrykabanov9458
@dmitrykabanov9458 Жыл бұрын
Было бы круто посмотреть видео про микрофронтенд. Условно - есть базовый Шелл, в котором есть базовый роутинг. И каждый роут это отдельный сервис, который прописан в ремоутс
@ixplo
@ixplo Жыл бұрын
как меня триггерят такие темы :) микрофронты -- это решение, когда полный бардак в конторе надо как-то спасать. Микрофронты -- это приговор, когда всё просрали имхо
@parabellum577
@parabellum577 Жыл бұрын
@@ixplo ну да, не могу представить кейс, когда такое говно реально нужно применять
@ixplo
@ixplo Жыл бұрын
@@parabellum577 кейсы есть, но почти всегда за сопоставимое вложение ресурсов можно сделать что-то другое, что не повлияет на качество продукта
@elena_sva
@elena_sva Жыл бұрын
В примере где с помощью ValueOf берём тип birthday можно просто взять TypeNameWithBirthday['birthday']
@UlbiTV
@UlbiTV Жыл бұрын
Справедливо, если нужно одно поле, пиком можно несколько цепануть
@BOCbMOU
@BOCbMOU Жыл бұрын
@@UlbiTV если надо достать тип значений из нескольких полей, то как раз пик тут лишний, по прежнему можно несколько ключей перечислить: TypeNameWithBirthday['id' | 'age' | 'birthday'] Пик всё же как раз для создания нового объекта с некоторыми старыми ключами и изначальными типами ключей. Доставать через него значение нелогично.
@РобертСабиров-и8л
@РобертСабиров-и8л Жыл бұрын
Быстрые гайды офигенно заходят!) Правда слушаю на 1.75, поэтому они прям супер быстрые)) Материал полезный, даже если все знаешь, лишний раз повторишь. Спасибо за труды!
@dmitrykabanov9458
@dmitrykabanov9458 Жыл бұрын
Про тайпгарды понравилось. Хороший пример
@ОленаКуніцина
@ОленаКуніцина Жыл бұрын
Как всегда годный контент. React, Typescript форева😂
@BobbyBob21
@BobbyBob21 Жыл бұрын
Ещё офигенная вещь это inner. Для динамических типов это просто незаменимая вещь.
@farruhsydykov8420
@farruhsydykov8420 Жыл бұрын
Супер! Давай больше о TS, backend, web3!
@bulatsafin-cg3tg
@bulatsafin-cg3tg Жыл бұрын
Спасибо огромное! Действительно, без всякой воды. Сразу видно технический подход и понятный даже для гуманитария
@shittywizzard5727
@shittywizzard5727 Жыл бұрын
Лаконично и ёмко, хорош, давай еще)
@docaner
@docaner 9 күн бұрын
Повелся на клик-бейт. Долго ждал момента провала. В итоге тебе вручили оффер 😁 Я уже 2 собеса прошел: обещали дать обратную связь через 1-2 недели. В итоге никто не пришел на фан-встречу. Первый собес у меня в городе - просто поболтал с руководителем. Второй собес в Москве (по телемосту сдавал) - были алгоритмы: попалась задача на бинарный поиск. Я в шоке был, что спустя год учёбы в универе в голове хоть что-то отложилось.
@tagnati5585
@tagnati5585 Жыл бұрын
Какой же офигенный видос. Спасибо большое за материал
@luckytima2315
@luckytima2315 Жыл бұрын
Бро давай побольше TS, он сейчас везде просто нужен )) Ну и фишки ванильного JS тоже хотелось бы узнать))
@YuryGoltsman
@YuryGoltsman Жыл бұрын
Пару новых штуковин узнал. Спасибо
@Quentinrei
@Quentinrei Жыл бұрын
Ещё не досмотрел, но уже заходит, крутой ролик
@TheProfessionalGambler
@TheProfessionalGambler Жыл бұрын
Интересные фишки, спасибо) 20:40 пример не совсем корректный, когда мы делаем объект константой _obj as const_ , то мы его поля не сможем изменить, а в функцию мы передаем аргументом объект с похожим типом и он никак не связан с obj. То есть ТС только проверяет на соответствие типов параметра и аргумента, а не логику внутри функции. 23:30 пример для Extract лучше с доки _type T0 = Extract;_ по простому это как пересечение. В твоём примере непонятно зачем указывать union, который и получаем.
@deanArtDev
@deanArtDev Жыл бұрын
1 кейс что пришел на ум, когда ты используешь не константный объект а через ValueOf получаешь типы и потом используешь строки или что там в readonly то если надо заменить значение ты будешь бегать по проекту и менять занчения везде, если же использоать константный объект (импортировать его да) то значение нужно заменять в одном месте
@vladimirliankevich1361
@vladimirliankevich1361 Жыл бұрын
Спасибо тебе большое за такие познавательные видео!!!!!!! Как всегда по полочкам
@ekaterina1991
@ekaterina1991 Жыл бұрын
Реакт и js такого формата очень жду
@denispepper2830
@denispepper2830 Жыл бұрын
Спасибо! Круто! Норм формат!
@_GyG_
@_GyG_ Жыл бұрын
Коммент в поддержку) как всегда все круто!
@gluktd
@gluktd Жыл бұрын
Нижайший поклон добрый человек! Очень понравилось! knowledge sharing в массы
@17u5h
@17u5h Жыл бұрын
крутяк! Заскринил некоторые моменты, записал в "заметки"
@Ramosok
@Ramosok Жыл бұрын
Круто, очень много нового узнал.
@НиколайКудряшов-к3й
@НиколайКудряшов-к3й Жыл бұрын
Как всегда коротко и по делу, очень полезное видео!
@Levitizen
@Levitizen Жыл бұрын
Круто, спасибо. Можно вот этого вот почаще
@strogalev
@strogalev Ай бұрын
Спасибо, узнал о моментах, о которых не догадывался. Спасибо, очень полезно!
@max_mgtow
@max_mgtow Жыл бұрын
Вперёд братан, контент в кайф! 👍👏🔥
@sergeymalakhov2438
@sergeymalakhov2438 Жыл бұрын
Классное видео.Очень зашёл такой контент
@sergsergey4251
@sergsergey4251 Жыл бұрын
Спасибо за полезное видео
@АнатолийГорбов-о1ь
@АнатолийГорбов-о1ь Жыл бұрын
Супер видео! буду ждать продолжения и по тайпскрипту и по другим темам! отличный формат!
@MrJettann
@MrJettann Жыл бұрын
Топ, испытываю проблемы с тс постоянно, с подобным контентом становится проще!
@frednoby8531
@frednoby8531 Жыл бұрын
Интересные нюансы, благодарю!
@igortrifonov9339
@igortrifonov9339 Жыл бұрын
По поводу первого случая, не нужно делать функцию, это лишнее. Можно просто написать const _: never = car.brand, и TS будет ругаться, если мы попадет в дефолт.
@BOCbMOU
@BOCbMOU Жыл бұрын
Есть ещё проще вариант на 4.9+ версии: car.brand satisfies never;
@НаильШайхинуров-п7л
@НаильШайхинуров-п7л Жыл бұрын
@@BOCbMOU Огонь! Не знал что такое есть
@ruslanla4654
@ruslanla4654 Жыл бұрын
круто!!
@ИванБорисов-б1ж
@ИванБорисов-б1ж Жыл бұрын
Спасибо за видео, очень полезно. Хотелось бы видеть больше таких видео
@Moishe_Rubinstein
@Moishe_Rubinstein Жыл бұрын
strapi сделай бро! :)
@bambalbino
@bambalbino Жыл бұрын
Очень круто!!! Спасибо
@demetrxx
@demetrxx Жыл бұрын
Всё, что нужно, в одном месте, быстро и понятно 💣💥
@АлексейБомко-ь1ш
@АлексейБомко-ь1ш 6 ай бұрын
Крутые ролики у тебя, смотрю и практикуюсь) !спасибо!
@Лаурахит
@Лаурахит Жыл бұрын
Действительно интересные приемы которые хотелось бы попробовать в деле.
@stmihan_
@stmihan_ Жыл бұрын
Очень круто, но надеюсь ты сделаешь всё-таки видео по react query.
@МихаилСтудицкий
@МихаилСтудицкий Жыл бұрын
очень интересный обзор! спасибо большое!
@alexmarch
@alexmarch Жыл бұрын
хочу собеседования ! но любой контент твой хорош
@ДанилБилоголовский-ф5ч
@ДанилБилоголовский-ф5ч Жыл бұрын
Спасибо, довольно полезный контент
@ВадимКокорев-й3ъ
@ВадимКокорев-й3ъ Жыл бұрын
Привет, я давно смотрю твои видео, очень интересный контент, нравится твоя манера говорить и способность вести диалоги. Ты в каком-то видео говорил, что для начинающих программистов крайне важно попасть на хорошую работу, с хорошим начальником и коллективом, и я хотел бы узнать твое мнение, я очень начинаешь бэкэндер и фронтэндер, учился по разным курсам в интернете и твоим видео, подтянул JS, HTML и CSS, наконец-то подвернулся вариант с работой, которую долго искал, и согласился на первый же вариант, и тут началось: рамках обучения мне дали задание сделать фулстек проект, разработать приложение для ведения реестра, с базой данных на 10 таблиц, с 15000 строк, осуществить все в laravel при помощи php, сказали: ну делай, а теперь спустя небольшое время, начинается возмущение, что я медленно делаю и ничего не успеваю, сижу просто учусь. И я не знаю, так и должно быть, и это я правда медленно развиваюсь или все же должна быть какая-то помощь? Очень интересно твое мнение, буду рад, если ты ответишь, заранее больше спасибо P.s. я тоже закончил РТУ МИРЭА в 2021)
@Quentinrei
@Quentinrei Жыл бұрын
Больше таких роликов !
@nothingg1759
@nothingg1759 Жыл бұрын
Очень заходит! Понравится всем, спасибо большое!
@battleroyalegamer9087
@battleroyalegamer9087 Жыл бұрын
Подскажите на каком сайте лучше всего изучать javascript, или возможно есть какие-нибудь толковые курсы?
@JenechekDv
@JenechekDv Жыл бұрын
стильно, модно, молодёжно. Давай ещё.
@dkaygorodov
@dkaygorodov Жыл бұрын
Тимур, спасибо большое. Очень полезное видево!)
@ЕвгенийНагаев-п9ч
@ЕвгенийНагаев-п9ч Жыл бұрын
Тимур это прям очень полезное видео)) спасибо
@reversoid8170
@reversoid8170 Жыл бұрын
Очень круто и полезно! Не знал про Exclude)
@alexanderkomanov4151
@alexanderkomanov4151 Жыл бұрын
Суперр! Огромное спасибо!
@foldisnomistake
@foldisnomistake Жыл бұрын
круто, нужны еще такого плана видосы!
@alexshubin1
@alexshubin1 Жыл бұрын
Лайков - 10% от просмотров - офигенный контент!
@raff_m_d6971
@raff_m_d6971 Жыл бұрын
контент топ, продолжай
@NikitaKachan-y5i
@NikitaKachan-y5i Жыл бұрын
Оч интересно, контент топ, идея топ
@lLoseControll
@lLoseControll Жыл бұрын
Круто, продолжай)
@MrDANPTZ
@MrDANPTZ Жыл бұрын
Просто супер! Полезного было достаточно, что приятно Спасибо за ролик!
@---Maksim---
@---Maksim--- Жыл бұрын
Спасибо, на 1.25 смотрится отлично)
@qwe-rty-
@qwe-rty- Жыл бұрын
Супер, надеялся еще на MappedTypes посмотреть, по ним видосик будет?)
@dfkadyr
@dfkadyr Жыл бұрын
Спасибо Тимур
@v.demchenko
@v.demchenko Жыл бұрын
Интересная тема по поводу типизированых переиспользуемых компонентов. Наткнулся на много проблем типизации от создании темы до типизации пропсов.
@natalyaiv3414
@natalyaiv3414 Жыл бұрын
Тимур, спасибо! 👍
@l1mejkeee628
@l1mejkeee628 Жыл бұрын
Больше такого контента!!!! Пожалуйста!!!
@saskirakosyan5268
@saskirakosyan5268 Жыл бұрын
The best russian bloger
@valentinaicheva7846
@valentinaicheva7846 Жыл бұрын
Очень полезно! Хочется еще подобный контент с фишками💥
@infodusha
@infodusha Жыл бұрын
Привет! в первом примере надо возвращать результат функции never чтобы вычисляемый тип значения был правильный (а то иначе туда добавится undefined)
@tojiboyevumidjon
@tojiboyevumidjon Жыл бұрын
Спасибо большое! Боже я только что узнал то что я зря мучился целый день
@МаксимЯщиковский
@МаксимЯщиковский Жыл бұрын
формат огонь. можно ли погрузиться глубже в дженерики с след видео ?
@ruslangilyazov7733
@ruslangilyazov7733 Жыл бұрын
Больше type script & react & redux, please! Я знаю что есть много на канале про это но еще хочется
@ksushakiseleva2644
@ksushakiseleva2644 Жыл бұрын
Спасибо за твой труд! ❤ Твои видео очень полезные 👍
@DemetriyArh
@DemetriyArh Жыл бұрын
Круть. А о декораторах можешь рассказать?
@DenisB-d5f
@DenisB-d5f Жыл бұрын
А есть по exhaustiveCheck какое-то решение универсальное? Или везде вот так функцию создавать и писать перед каждым свичом?
@ДмитрийКривов-ы5б
@ДмитрийКривов-ы5б Жыл бұрын
очень полезно, спасибо
@ШамильДжакеев
@ШамильДжакеев Жыл бұрын
Тимур привет, у меня давно в голове висит вопрос про conditional конструкцию. type Aboba = T extends string ? Abo : Ba, как по мне, как-то не очень вяжется если читать эту строку как "... если тип Т расширяет тип стринг, то ...", что мы расширяем?, как мы можем расширить все великое множестово всевозможных строк еще одной частной строкой, какя-то дичь? Возможно для англоговорящих такая последовательность очевидна, но я лично долго не мог вдуплить шо вообще происходит тупа из-за формулировки. Что думаешь на сей счет?
@ruslanshikhaliev9341
@ruslanshikhaliev9341 Жыл бұрын
T extends (относится к типу/является подтипом/входит в группу типа) string
@skobanev
@skobanev 6 ай бұрын
Добрый день. Спасибо Вам огромное. А существует курс по TS для новичков в Вашем формате? Вы просто идеально информацию преподносите.
@МаксимФуторной
@МаксимФуторной Жыл бұрын
У разработчиков есть скрытый сервис со списком актуальных фичей?) Вчера только подобное видел у малоизвестного ютубера, но все равно рад, что смог еще раз пересмотреть у тебя
@vladimirkuban426
@vladimirkuban426 Жыл бұрын
Супер!
@STELLS541
@STELLS541 Жыл бұрын
Видос просто 🔥. Можно такого больше? ☺️ В конце про дженерики - это прям топ, как раз на днях увидел это в курсе и сразу понял тут, как это фиксить. А еще функцию онЧенч внутри селекта можно переписать через опшионал ченинг, что сделает ее чуточку короче.
@АлександрКозлов-л9р
@АлександрКозлов-л9р Жыл бұрын
Ахренеть, не знал, что в JSX элементы можно указывать generic Если кому интересно, в TS есть механизм - "брендирование". Позволяет избежать ошибок, когда вместо id, условно, товара, передали id продавца.
@АлександрКозлов-л9р
@АлександрКозлов-л9р Жыл бұрын
Ещё про infer пара слов, правда на англе, но с хорошим акцентом) kzbin.info/www/bejne/nn29iX2KopyHe80
@abdurazzoxabdullayev3705
@abdurazzoxabdullayev3705 Жыл бұрын
Было бы хорошо если сделал видосики как Michigan TypeScript по ts
@abdurazzoxabdullayev3705
@abdurazzoxabdullayev3705 Жыл бұрын
Атак все твои видео прям топпп!!!
@NikOroferov
@NikOroferov Жыл бұрын
Контент зашёл, даю знать
@vanmihaylovich
@vanmihaylovich Жыл бұрын
Видео о том, как обойти грабли TS.
@dontcode
@dontcode Жыл бұрын
Тс и есть грабля, поверх джаваскрипта)
@macmasek
@macmasek Жыл бұрын
Шаг 1: перестаньте использовать Typescript
@eunicsi
@eunicsi Жыл бұрын
Сначала ставлю лайк и пишу коммент, потом смотрю, заранее зная что контент будет годным
@Orlov_Developer
@Orlov_Developer Жыл бұрын
Полезно, рубрика классная
@egorpobylets6597
@egorpobylets6597 Жыл бұрын
Супер, спасибо. Очень интересно и полезно!
Вопрос Ребром - Джиган
43:52
Gazgolder
Рет қаралды 3,8 МЛН
TypeScript generics или универсальный типы, обобщения
23:51
Михаил Непомнящий
Рет қаралды 35 М.
Визитка программиста
19:40
Александр Красников
Рет қаралды 220 М.