React TypeScript ПОЛНЫЙ КУРС 2021. Props, Events, Router, Hooks, Requests.

[@moss7132]

Огромное спасибо за ролик! Разбирать его как обычно в 2-3 раза дольше, чем сама длина ролика) Кто смотрит сейчас, вышел react-router-dom 6-той версии, синтаксис роутинга чуть изменился: 1) exact писать не надо, все роуты сразу такие 2) Вместо используем 3) На смену (его в ролике не использовали) пришёл . Все нужно обернуть в компонент 4) Компонент в теперь передаём в пропсе element как компонент Пример кода: 5) Вместо useHistory используем useNavigate; Пример кода: const navigate = useNavigate(); navigate("/users");

[@gamabuntafrog]

Или можно просто установить пятую версию react-router-dom: npm i react-router-dom@5.2.0

[@galievramil1169]

Да, писал на 6 версии, мне зашла, не надо писать пропс router для прокладки пропсов, предсказуемое поведение и прекрасная работа с параметрами с помощью хука useParams. А то ранее надо было hoc фишки типа props.match.params и т.д.

[@samatibraimov4784]

только что разобрался, хотел отписать , смотрю ты уже опередил на 2 месяца, а так чел спасибо)

[@Hamafac]

" " users вместо user надо , а то пустая страница будет.

[@uzumaksi]

Спасибо!

[@theabyssofmythink6522]

боже, для тебя в раю уже приготовлены 2 грудастые эльфийки! тупо лайк не глядя!

[@barbatage5078]

😂😂😂

[@UlbiTV]

Ахахах)) Спасибо дружище) поднял настроение

[@bogdangeiko4696]

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

[@Davidovich_aka_smoozydrinker]

а я что говорил?) этот канал - самый крутой по веб разработке, в рунете точно. Все остальные влогеры просто курят в стороне, имхо.

[@UlbiTV]

@@Davidovich_aka_smoozydrinker Спасибо ребят))

[@UlbiTV]

Спасибо!)

[@АртёмЛукичёв-п2ы]

@@Davidovich_aka_smoozydrinker ещё Владилен Минин неплохой, но этот канал мне в последнее время больше нравится

[@zmeygorynych5684]

До этого смотрел Ulbi TV не так часто, в основном других блогеров. Изучил TS и решил посмотреть его в связке с React. Все блогеры только инфоцыганят и больше ничего. Снимают ролики по одному React, а пишут + TS. Тут доходчиво и понятно все изложили без воды. Автору здоровья и огромное спасибо. Подпишусь пожалуй)

[@yuryitikhonoff9631]

Прям Вселенная угадала над чем я сейчас работаю и от чего у меня голова взорвалась. Спасибо тебе большое за такой актуальный контент.

[@rabyth6871]

А ты случайно не учил React и Node js? Хочу также научиться, просто не знаю откуда лучше брать информацию.

[@yuryitikhonoff9631]

@@rabyth6871 Я Реакт сейчас учу. Ноду на потом отложил. Мой совет - это 80% теории и 20% практики, как Тимур сказал. Начинаешь с простой задачи 1.Счетчик с кнопками +1 и -1 2. Приложение с заметками 3. Приложение с заметками на полном CRUD,обязательно с апдейтом 4. То же TODO уже с модалкми 5. TODO где для криейт и апдейт идет форма с многими инпутами, чекбоксами, радиобатонном, селектом. 6. Todo приложение на useSelector 7. Todo приложение на useSelector + useContext 8. Todo с Redux и так далее. Главное довести все эти задач до своболного написания и возращаться к ним через 1-2 недели. Так ты из кратковременной памяти в долговременную будешь переносить знания и навыки. И потом на собесе на онлайн кодинге всех порвешь.

[@redhook777]

@@yuryitikhonoff9631 наоборот! 20% теории

[@rabyth6871]

@@yuryitikhonoff9631 спасибо огромное, но он же говорил 80% практики и 20% теории, нет?

[@yuryitikhonoff9631]

@@rabyth6871 да, я опечатался. 80% практики

[@weyles890]

Для тех у кого были проблемы с useParams, тип присваиваем следующим образом: type UserItemPageParams = { id: string; }; После чего уже приписываем его к useParams так же как и автор видео

[@ray84851]

Спасибо, это работает. Провел небольшое расследование - почему вдруг в дженерике для хука useParams нельзя использовать интерфейс, а только тип объекта (type object), хотя ранее по видео всегда было можно, и вообще по идее это почти все одно и то же. Так вот, смотрим на определение типа useParams: export function useParams(): Params;. Далее обращаем внимание на ограничение в дженерике extends { [K in keyof Params] - как оказалось, в интерфейсе нельзя использовать вычисляемые свойства [K in keyof ...] (а в типе объекта можно). Собственно именно на это typescript и ругается таким странным образом.

[@yzk970]

спасибо

[@yakut54]

@@ray84851 Продолжайте вести наблюдения. Мы с Вами свяжемся! 🤝

[@JUN-17]

Thanks

[@mrWiled]

Огромное тебе спасибо бро!

[@topsportsevents6014]

Чувак у тебя уникальный контент среди русскоязычных it ютуберов . Без воды , максимум полезной информации ! Пора уже делать курсы , я думаю будет много желающих! Удачи тебе !)

[@UlbiTV]

Спасибо дружище!) Рад слышать!) Успехов!

[@АлексейМелентьев-ч3в]

паддерживаю, крутой чувак!

[@VSsoviet]

согласен, при этом умеет как-то понятно поднести и что-то обьяснить. в отличии от, например, владилена, который будто просто бубнит себе под нос аля "ну вот существует react lazy, чето там оптимизирует вот я написал, замечательно идем дальше."

[@fallenstar358]

@@VSsovietя его смотрел и мне было понятно хммм...

[@jeyefendi]

Среди инфоцыган, заполнивших ютуб своим говнокодом, твой канал - просто кладец чистого знания. Спасибо тебе большое за твою прекрасную душу, что ты вкладываешь в каждый ролик. Мы ценим! Обязательно буду поддерживать канал на патреоне, как получу первую работу.

[@UlbiTV]

Такие комментарии наивысшая степень поддержки! Спасибо:)

[@falsetrue7910]

Прошлый ролик по ts react redux был очень полезный, уверен и этот такой же, контент топ, ты делаешь так, что все понятно, на практике потыкать и все, знания усвоились, не мусолишь по 15-20 уроков одно и тоже

[@ЭзамАппаева]

На канале 10 тысяч!!!! Поздравляю 🥳

[@nataliakosheva956]

Как раз изучаю сейчас typescript с react и тут вышел это видос 20 минут назад. Спасибо!

[@fallenstar358]

Привет давай общаться я тоже учу кстати) для работы самое то) я разработчик react

[@ya_shmel]

@@fallenstar358 Я тоже учусь, так что можем пообщаться

[@andrespez7548]

Крутой видос! Поздравляю с 10к!✨✨🎁

[@Davidovich_aka_smoozydrinker]

этот канал - самый крутой по веб разработке, в рунете точно. Все остальные влогеры просто курят в стороне, имхо.

[@abobus_xero]

ну еще Арчаков хорошо обьясняет и делает свое дело

[@sharkman6434]

@@abobus_xero ++ арчаков, улбитв, Минин , димыч самурай, евгееий ковальчук , верстка фрилансер по жизни и Гаврилов, это топы 2021, этот канал молодой но качество оч крутое, дай бог ему успеха

[@UlbiTV]

✊🏻✊🏻

[@goodman4493]

@@sharkman6434 а причем тут вообще инфоциган Гаврилов? Всё что он делает, это клепает из заготовок простейшие макеты, а потом 1/3 роликов - это реклама его конторы. Не ставь таких людей в ряд с Ульби, Арчаковым и Фрилансером по жизни.

[@KOHCEPBNPOBAHHbIN_AHAHAC]

@@goodman4493 минин тот же инфоцыган, только более полезнее будет

[@stasonnl777]

Наконец-то подружу знания из видоса по редакс тс и реакт тс. Теперь полная картина будет. Спасибо!

[@annasahradyan9849]

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

[@evgeniyn1542]

React и Typescript это супер! Поздравляю с 10к подписчиков! Летим к 100 тысячам :)

[@awenn2015]

За пол года плюс 40к подписоты

[@Iamizart]

100к)

[@xGL00M]

Подскажите, что в VSCode устанавливали для сниппетов чтобы разворачивать сразу компонент. Я уже устал о руки писать их)

[@VasyahG]

Благодарю за контент! Насчёт объявления arrow functional component с дженериком, я так объявляю const FC = (props: ITestProps) чтобы не отходить от использования синтаксиса стрелочных функций

[@andreysdrv]

Без лишних слов - нашел этот канал, подписался, через пару месяцев устроился фронтом. Лучший среди лучших :) Продолжай в том же духе)

[@Tarukami]

Друзятки, если вы это видео будете смотреть в 2022, и дойдёте до роутинга, то знайте, что с 6-й версии react-router-domу рутов нет пропса exact, рут должен выглядеть так: и быть завернутым в .

[@plotitsyn]

Без сомнений один из самых коротких и всеобъемлющих роликов по React TypeScript. Очередное видео, которое доказывает, что непревзойденный талант автора объяснять сложное за считанные минуты, доступным языком, с ходу понятным даже для неискушенной аудитории, делает вас, Тимур, абсолютно недосягаемым по результатам полезного действия.

[@programming5944]

ооо, то что доктор прописал, спасибо, Тимур! React Typescript урок 2021. Props, Events, Router, Hooks, Requests

[@UlbiTV]

Благодарю!)

[@multisensory_music]

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

[@noeasy2198]

Хоть я и бэкенд разработчик, но обязательно поставлю лайк в поддержку канала!!!

[@UlbiTV]

Спасибо!)

[@kril5903]

Ахаха, как же вовремя выходит это видео) Это именно то, что я искал!

[@sergeyschastlivtsev5643]

Да ладно, только вчера писал об этом в посте сообщества. И тут на тебе, спасибо, лучший!

[@LogopedLTD]

Контент крутой) человек подготовился, впихнул много инфы в относительно короткий промежуток времени, спасибо)

[@ВсеволодКозлов-л2м]

Тимур, желаю тебе процветания во всех сферах жизни! Здоровья тебе и твоим близким! Спасибо за труды!

[@UlbiTV]

Спасибо 🙏 и вам желаю здоровья и успехов!

[@IT-Svyatoslav]

Спасибо БРО за ГОДНЫЙ, ПОДРОБНЫЙ, БЕСОПЛАТНЫЙ контент !!!!😎

[@disconnect-forever]

Спасибо! То, что нужно! Буду смотреть позднее, но лайк по дефолту

[@entertainment9841]

Ребята на работе уже рекомендуют , вангую скоро будет 100к подписчиков

[@helenit4365]

Спасибо за этот курс! Поздравляю с 1️⃣0️⃣ 0️⃣0️⃣0️⃣ ‼️ Ты молодец!

[@alexite3692]

Добрый вечер. Хочу выразить благодарность за контент. Нравится уровень сложности подачи материала, без дополнительной читки сразу можно не разобраться что может выступать стимулом к изучению материала, но общая концепция ясна и проста, помогает в обучении. Желаю удачи!

[@AndreyShevchenko-yd3tg]

Спасибо. Отличный туториал, без воды, все по делу. Не для новичков, для тех кто имеет опыт с Реакт, но не работал с TypeScript.

[@Valeryi07]

Как всегда познавательное и своевременное видео!! А и с 10к подписчиками!!!))

[@falsetrue7910]

Вернулся к ролику, поскольку это лучший урок по react и typescript

[@UlbiTV]

Спасибо!)

[@woodDacha]

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

[@awenn2015]

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

[@MrArtemon002]

Чтобы дженерик со стрелочной функцией написать, можно просто запятую поставить типа const component = (props: Type) => {}

[@erassylzh5658]

Супер, спасибо Тимур!

[@drobos7884]

Коммент в поддержку, видео просто топ, отдельное спс за generic interface и типы ивентов:)

[@UlbiTV]

Спасибо!

[@dudai525]

Спасибо, давно ждал гайд по тс

[@oleksiishkulipa1626]

Не забываю оставить лайк и комментарий. Спасибо)

[@alexeykebets2975]

Как всегда крутой контент!!! Было бы еще круто запилить урок по тестированию React-Redux.

[@bukanaka]

Посмотрю обязательно

[@Davidovich_aka_smoozydrinker]

Еще коммент и благодарность за труд, опыт и знания, которыми делишься.

[@UlbiTV]

Очень ценю! Спасибо!

[@dmitry9088]

TypeScript пошел в ход)

[@mykhailonikolaiev6512]

Коротко,быстро,понятно,спасибо))Кто жалуется на css,слава богу,что его тут нет:))

[@UlbiTV]

Спасибо)

[@yryslearning9726]

Спасибо большое ! Ваши уроки это большая ценность для меня! Продолжайте !

[@UlbiTV]

Благодарю вас!)

[@dmitryteterin4663]

Отдельное спасибо за лакончиность подачи информации! Без лишней демагогии и подвисаний в размышлениях. Всё чётко и по делу.

[@bukanaka]

Именно такого формата видео про typescript я и хотел

[@404piano]

Как раз учу TS! Спасибо

[@ma1abakiev]

Спасибо большое тебе. Ты первый человек, которого я смотрю на ютубе для обучения. Информация подана внятно. Конечно за ролик я всё не запомнил, надо будет попробовать самому, пересмотреть ещё 2-3 раза.

[@kalts_daniil]

Привет! А как давно вы занимаетесь программированием? У Тимура действительно очень классно подан материал 🔥

[@gagosimonyan1986]

Как всегда вовремя подъехал бесценный контент)

[@alekseybomko100]

Больше комментариев богу комментариев! Спасибо тебе добр человек :)

[@littlegrownbeats]

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

[@rostyslav5334]

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

[@St3rnhunt3r]

БОЖЕЕ! ТЫ ЛУЧШИЙ! НУ ПРОСТО АХРИНЕТЬ КАК ПОДРОБНО! Я ЕЩЕ СТОЛЬКО ИНТЕРЕСНОГО НАШЕЛ, УЗНАЛ И ПРИМЕНИЛ! ЛАЙК! 100 ИЗ 10 ТОПОВЫХ УРОКОВ! БЛАГОДАРЮ.

[@alexmakarov1468]

О мой `Один, я в шоке.. когда ты работаешь вообще =) Я не успеваю даже челленджи просто повторить =)))

[@Polite_person_]

Ну ты просто огонь, признайся, ты читаешь мои мысли?)

[@ivanmiarkulau8320]

Кратко и понятно рассказал о базовом TypeScript в React, спасибо!

[@fgood574]

Чувак круто объясняешь) Сразу по делу и без воды, продолжай в том же духе! Успехов)

[@apexnuts9785]

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

[@Anna-wp6jb]

Каждые 5-10 минут ищу кнопку "лайк", и вижу, что уже поставила. Нужно больше лайков)) прекрасный структурированный материал, спасибо 🙏

[@sertov6008]

Все по делу, вез "воды". Хорошая дикция. Спасибо за курс.

[@Sobanim]

Комментарий для алгоритмов ютуба и поддержки автора!

[@evilinarm]

На 21:44 можно оставить Стелочную функцию: Вот так будет на стрелочной - const List: (props: ListProps) => React.ReactElement = props => { return ( {props.items.map(props.renderItem)} ) }; export default List; А вот так на обычной функции (как в видео) - export default function List(props: ListProps) { return ( {props.items.map(props.renderItem)} ) }

[@vladimidlav]

Так кратко и так понятно, лучший

[@АлександрЯшин-н6д]

Как же классно, что вот оно уже есть и очень классно всё объясняешь. Мне как раз для работы быстро влететь прям каэф

[@f1y1xz]

Вечером посмотрю, а пока держи лайк.

[@maxgray164]

Долго привыкал к твоей манере подачи информации, но теперь могу сказать: не зря. Всё четко по полочкам, никакой воды и самое важное - после курса про React от А до Я c TypeScript проблем не было вообще, кроме как мои кривые руки(пара забытых импортов или скобок). Прогресс на лицо и это очень радует. Спасибо большое за твой труд 😌👍

[@UlbiTV]

🤝🤝👏

[@МаксимИсаев-ъ5о]

Рукопожатный ютубер. Низкий поклон.

[@victormyha882]

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

[@romanshell5740]

Спасибо. Перешел на просмотр только твоего канала.

[@saibamir2211]

Обычно все видео смотрю на ускорении, а тут хочется поставить на slow :) Thank you very much!

[@vitaliisavran3545]

Как всегда топчик!!!!))))

[@namesurname-ss8vx]

Сразу скажу спасибо! и поставлю лайк, уверен контент как всегда🔥🔥🔥, Успехов во всем!

[@igormokliuk6109]

Спасибо. Максимально полезный контент без воды и прочих рассуждений.

[@elitenifgit9191]

Всё понятно. Реакт не такой сложный как я думал!

[@rajapboyev3928]

Наверное это самое лучшее канал, которое может передать качественное информацию за короткое время

[@alexandergoryacko642]

Спасибо за видос!. В будущем можешь оформить работу с картами(yandex, google карты) на реакте?

[@saginbaidulat3259]

Просто все просто, как он просто объясняет ? У тебя талант чел. Не болей

[@МаксимНырков-у6г]

React Typescript урок 2021. Props, Events, Router, Hooks, Requests немного продвижного комментария тебе на канал, чтобы максимум выхлопа было. Ну а дльше бесполезный текст типа а-ля лонрен ипсун-фигипсун, чтобы ранжирование сработало как надо))) В общем удачи, наблю даю за it каналом для программистов и всех видео для начинающих разработчиков фронтенд реакт разработка и вот еще тайпскрипт уроки

[@SeriousJet]

Мозги разжижаются от количества информации, большое спасибо!:)

[@trashtrash7844]

Большое спасибо за это видео. Побольше бы гайдов по ТайпСкрипту и Реакту!

[@mykolastrashok9986]

Ето то что нужно!))) Спасибо тебе добрый человек)))

[@andrewevdokimov9327]

Не ну ты либо меценат, либо альтруист =) Спасибо за крайне полезный контент!

[@jorgen5462]

Человек набивает аудиторию для последующего индивидуального обучения.

[@def1337-j8t]

@@jorgen5462 кэп)

[@falsetrue7910]

@@jorgen5462 Не думаю что это имеет какое-то значение, контент уникальный, был бы платный курс, купил бы 100%

[@UlbiTV]

@@jorgen5462 Понятно дело, что рано или поздно труды должны монетизироваться, но изначально проект создавался как хобби, и никакой коммерции я не преследовал) На канале меньше чем за год уже огромное количество бесплатного контента

[@johnstrayk5208]

@@jorgen5462 и это хорошо, потому что конкуренция делает этот мир лучше.

[@Unnamed-r8x]

Ulbi прекрати, ты заставляешь меня отвлекаться от работы на пробном периоде. Конечно же шутка, продолжай. :D Как всегда лайк сразу, просмотр потом, за чашкой чаю

[@greennmrtnm3342]

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

[@danilukhov1742]

Спасибо автору огромное! Формат и подача для меня - максимально удобные, учиться одно удовольствие!

[@Алексей-ь8в3б]

Просто топчик, как нашел твой канал так перестал смотреть Минина, Арчакова и прочих, пометил их как деприкейтед!)))

[@vadimaable]

Спасибо за TS!

[@sergsergey4251]

Спасибо тебе, дальнейших успехов!

[@Ramosok]

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

[@artem.prydybailo]

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

[@Armas0n]

Супер ультра полезно. С наскока самостоятельно понять встроенные типы в реакте нереально. Видос очень помог заложить базу в этом вопросе, благодарю 👍

[@sanzharabdurahmanov5082]

Вырожаю огромную благодарность за твои труды!

[@sergeypopov8772]

спасибо огромное, по твоим роликам подготовился к собеседованию в короткие сроки)))

[@ИванИванов-у3ч4м]

21 секунду назад! Вовремя я). Ts must have

[@_hitotsu6948]

Вот бы мне так в школе объясняли! Лайк не глядя!

[@fallenstar358]

Мэн я благодарен тебе за это чудо которое ты для всех нас проварачиваешь из ролика в ролик!^^

[@fullname9437]

Шикарнейшая подача материала! Помню, совсем недавно было несколько тысяч подписчиков, сейчас уже почти 30к!