Огромное спасибо за ролик! Разбирать его как обычно в 2-3 раза дольше, чем сама длина ролика) Кто смотрит сейчас, вышел react-router-dom 6-той версии, синтаксис роутинга чуть изменился: 1) exact писать не надо, все роуты сразу такие 2) Вместо используем 3) На смену (его в ролике не использовали) пришёл . Все нужно обернуть в компонент 4) Компонент в теперь передаём в пропсе element как компонент Пример кода:
5) Вместо useHistory используем useNavigate; Пример кода: const navigate = useNavigate(); navigate("/users");
До этого смотрел Ulbi TV не так часто, в основном других блогеров. Изучил TS и решил посмотреть его в связке с React. Все блогеры только инфоцыганят и больше ничего. Снимают ролики по одному React, а пишут + TS. Тут доходчиво и понятно все изложили без воды. Автору здоровья и огромное спасибо. Подпишусь пожалуй)
@@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 недели. Так ты из кратковременной памяти в долговременную будешь переносить знания и навыки. И потом на собесе на онлайн кодинге всех порвешь.
Для тех у кого были проблемы с useParams, тип присваиваем следующим образом: type UserItemPageParams = { id: string; }; После чего уже приписываем его к useParams так же как и автор видео
Спасибо, это работает. Провел небольшое расследование - почему вдруг в дженерике для хука useParams нельзя использовать интерфейс, а только тип объекта (type object), хотя ранее по видео всегда было можно, и вообще по идее это почти все одно и то же. Так вот, смотрим на определение типа useParams: export function useParams(): Params;. Далее обращаем внимание на ограничение в дженерике extends { [K in keyof Params] - как оказалось, в интерфейсе нельзя использовать вычисляемые свойства [K in keyof ...] (а в типе объекта можно). Собственно именно на это typescript и ругается таким странным образом.
Прошлый ролик по ts react redux был очень полезный, уверен и этот такой же, контент топ, ты делаешь так, что все понятно, на практике потыкать и все, знания усвоились, не мусолишь по 15-20 уроков одно и тоже
Спасибо тебе большое !!! ,никакой воды нет,четко ,ясно, мне надо было посмотреть основу , как пишут ,где пишут ,и что активизируют , только и всего ,документацию почитаю потом, всегда так делаю , а у других открываешь и спать хочется ,лекцию читают ,ужас
Чувак у тебя уникальный контент среди русскоязычных it ютуберов . Без воды , максимум полезной информации ! Пора уже делать курсы , я думаю будет много желающих! Удачи тебе !)
согласен, при этом умеет как-то понятно поднести и что-то обьяснить. в отличии от, например, владилена, который будто просто бубнит себе под нос аля "ну вот существует react lazy, чето там оптимизирует вот я написал, замечательно идем дальше."
Друзятки, если вы это видео будете смотреть в 2022, и дойдёте до роутинга, то знайте, что с 6-й версии react-router-domу рутов нет пропса exact, рут должен выглядеть так: и быть завернутым в .
Среди инфоцыган, заполнивших ютуб своим говнокодом, твой канал - просто кладец чистого знания. Спасибо тебе большое за твою прекрасную душу, что ты вкладываешь в каждый ролик. Мы ценим! Обязательно буду поддерживать канал на патреоне, как получу первую работу.
@@abobus_xero ++ арчаков, улбитв, Минин , димыч самурай, евгееий ковальчук , верстка фрилансер по жизни и Гаврилов, это топы 2021, этот канал молодой но качество оч крутое, дай бог ему успеха
@@sharkman6434 а причем тут вообще инфоциган Гаврилов? Всё что он делает, это клепает из заготовок простейшие макеты, а потом 1/3 роликов - это реклама его конторы. Не ставь таких людей в ряд с Ульби, Арчаковым и Фрилансером по жизни.
Благодарю за контент! Насчёт объявления arrow functional component с дженериком, я так объявляю const FC = (props: ITestProps) чтобы не отходить от использования синтаксиса стрелочных функций
Без сомнений один из самых коротких и всеобъемлющих роликов по React TypeScript. Очередное видео, которое доказывает, что непревзойденный талант автора объяснять сложное за считанные минуты, доступным языком, с ходу понятным даже для неискушенной аудитории, делает вас, Тимур, абсолютно недосягаемым по результатам полезного действия.
Долго привыкал к твоей манере подачи информации, но теперь могу сказать: не зря. Всё четко по полочкам, никакой воды и самое важное - после курса про React от А до Я c TypeScript проблем не было вообще, кроме как мои кривые руки(пара забытых импортов или скобок). Прогресс на лицо и это очень радует. Спасибо большое за твой труд 😌👍
Чувак, ты восхитителен. Не просто хорош, а восхитителен. Работаю разработчиком 6 лет, никогда не слышал такой хорошей подачи материала в рунете. Не вздумай останавливаться, черт возьми!
Добрый вечер. Хочу выразить благодарность за контент. Нравится уровень сложности подачи материала, без дополнительной читки сразу можно не разобраться что может выступать стимулом к изучению материала, но общая концепция ясна и проста, помогает в обучении. Желаю удачи!
Спасибо большое тебе. Ты первый человек, которого я смотрю на ютубе для обучения. Информация подана внятно. Конечно за ролик я всё не запомнил, надо будет попробовать самому, пересмотреть ещё 2-3 раза.
React Typescript урок 2021. Props, Events, Router, Hooks, Requests немного продвижного комментария тебе на канал, чтобы максимум выхлопа было. Ну а дльше бесполезный текст типа а-ля лонрен ипсун-фигипсун, чтобы ранжирование сработало как надо))) В общем удачи, наблю даю за it каналом для программистов и всех видео для начинающих разработчиков фронтенд реакт разработка и вот еще тайпскрипт уроки
На медиум уже есть статья о том что в недалеком будущем JS перейдет полностью на TS Но на практике это будет как с Jquery, в моем городе до сих пор пролетают вакансии juna с требованием jquery
Огромное спасибо за ролик! Разбирать его как обычно в 2-3 раза дольше, чем сама длина ролика)
Кто смотрит сейчас, вышел react-router-dom 6-той версии, синтаксис роутинга чуть изменился:
1) exact писать не надо, все роуты сразу такие
2) Вместо используем
3) На смену (его в ролике не использовали) пришёл . Все нужно обернуть в компонент
4) Компонент в теперь передаём в пропсе element как компонент
Пример кода:
5) Вместо useHistory используем useNavigate;
Пример кода:
const navigate = useNavigate();
navigate("/users");
Или можно просто установить пятую версию react-router-dom: npm i react-router-dom@5.2.0
только что разобрался, хотел отписать , смотрю ты уже опередил на 2 месяца, а так чел спасибо)
" " users вместо user надо , а то пустая страница будет.
Спасибо!
@@Hamafac Наверно опичатался...
боже, для тебя в раю уже приготовлены 2 грудастые эльфийки! тупо лайк не глядя!
😂😂😂
Ахахах)) Спасибо дружище) поднял настроение
Это лучший канал по программированию. Без воды, только по сути и то что нужно. Автору огромный респект!
а я что говорил?) этот канал - самый крутой по веб разработке, в рунете точно. Все остальные влогеры просто курят в стороне, имхо.
@@Davidovich_aka_smoozydrinker Спасибо ребят))
Спасибо!)
@@Davidovich_aka_smoozydrinker ещё Владилен Минин неплохой, но этот канал мне в последнее время больше нравится
До этого смотрел Ulbi TV не так часто, в основном других блогеров. Изучил TS и решил посмотреть его в связке с React. Все блогеры только инфоцыганят и больше ничего. Снимают ролики по одному React, а пишут + TS. Тут доходчиво и понятно все изложили без воды. Автору здоровья и огромное спасибо. Подпишусь пожалуй)
Прям Вселенная угадала над чем я сейчас работаю и от чего у меня голова взорвалась. Спасибо тебе большое за такой актуальный контент.
А ты случайно не учил React и Node js? Хочу также научиться, просто не знаю откуда лучше брать информацию.
@@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 недели. Так ты из кратковременной памяти в долговременную будешь переносить знания и навыки. И потом на собесе на онлайн кодинге всех порвешь.
@@yuryitikhonoff9631 наоборот! 20% теории
@@yuryitikhonoff9631 спасибо огромное, но он же говорил 80% практики и 20% теории, нет?
@@rabyth6871 да, я опечатался. 80% практики
Для тех у кого были проблемы с useParams, тип присваиваем следующим образом:
type UserItemPageParams = {
id: string;
};
После чего уже приписываем его к useParams так же как и автор видео
Спасибо, это работает. Провел небольшое расследование - почему вдруг в дженерике для хука useParams нельзя использовать интерфейс, а только тип объекта (type object), хотя ранее по видео всегда было можно, и вообще по идее это почти все одно и то же. Так вот, смотрим на определение типа useParams: export function useParams(): Params;. Далее обращаем внимание на ограничение в дженерике extends { [K in keyof Params] - как оказалось, в интерфейсе нельзя использовать вычисляемые свойства [K in keyof ...] (а в типе объекта можно). Собственно именно на это typescript и ругается таким странным образом.
спасибо
@@ray84851 Продолжайте вести наблюдения. Мы с Вами свяжемся! 🤝
Thanks
Огромное тебе спасибо бро!
Прошлый ролик по ts react redux был очень полезный, уверен и этот такой же, контент топ, ты делаешь так, что все понятно, на практике потыкать и все, знания усвоились, не мусолишь по 15-20 уроков одно и тоже
Как раз изучаю сейчас typescript с react и тут вышел это видос 20 минут назад. Спасибо!
Привет давай общаться я тоже учу кстати) для работы самое то) я разработчик react
@@fallenstar358 Я тоже учусь, так что можем пообщаться
Спасибо тебе большое !!!
,никакой воды нет,четко ,ясно, мне надо было посмотреть основу , как пишут ,где пишут ,и что активизируют , только и всего ,документацию почитаю потом, всегда так делаю , а у других открываешь и спать хочется ,лекцию читают ,ужас
Чувак у тебя уникальный контент среди русскоязычных it ютуберов . Без воды , максимум полезной информации ! Пора уже делать курсы , я думаю будет много желающих! Удачи тебе !)
Спасибо дружище!) Рад слышать!) Успехов!
паддерживаю, крутой чувак!
согласен, при этом умеет как-то понятно поднести и что-то обьяснить. в отличии от, например, владилена, который будто просто бубнит себе под нос аля "ну вот существует react lazy, чето там оптимизирует вот я написал, замечательно идем дальше."
@@VSsovietя его смотрел и мне было понятно хммм...
Без лишних слов - нашел этот канал, подписался, через пару месяцев устроился фронтом. Лучший среди лучших :)
Продолжай в том же духе)
Друзятки, если вы это видео будете смотреть в 2022, и дойдёте до роутинга, то знайте, что с 6-й версии react-router-domу рутов нет пропса exact, рут должен выглядеть так: и быть завернутым в .
Наконец-то подружу знания из видоса по редакс тс и реакт тс. Теперь полная картина будет. Спасибо!
Среди инфоцыган, заполнивших ютуб своим говнокодом, твой канал - просто кладец чистого знания. Спасибо тебе большое за твою прекрасную душу, что ты вкладываешь в каждый ролик. Мы ценим! Обязательно буду поддерживать канал на патреоне, как получу первую работу.
Такие комментарии наивысшая степень поддержки! Спасибо:)
ооо, то что доктор прописал, спасибо, Тимур! React Typescript урок 2021. Props, Events, Router, Hooks, Requests
Благодарю!)
этот канал - самый крутой по веб разработке, в рунете точно. Все остальные влогеры просто курят в стороне, имхо.
ну еще Арчаков хорошо обьясняет и делает свое дело
@@abobus_xero ++ арчаков, улбитв, Минин , димыч самурай, евгееий ковальчук , верстка фрилансер по жизни и Гаврилов, это топы 2021, этот канал молодой но качество оч крутое, дай бог ему успеха
✊🏻✊🏻
@@sharkman6434 а причем тут вообще инфоциган Гаврилов? Всё что он делает, это клепает из заготовок простейшие макеты, а потом 1/3 роликов - это реклама его конторы. Не ставь таких людей в ряд с Ульби, Арчаковым и Фрилансером по жизни.
@@goodman4493 минин тот же инфоцыган, только более полезнее будет
Благодарю за контент!
Насчёт объявления arrow functional component с дженериком, я так объявляю
const FC = (props: ITestProps)
чтобы не отходить от использования синтаксиса стрелочных функций
Без сомнений один из самых коротких и всеобъемлющих роликов по React TypeScript.
Очередное видео, которое доказывает, что непревзойденный талант автора объяснять сложное за считанные минуты, доступным языком, с ходу понятным даже для неискушенной аудитории, делает вас, Тимур, абсолютно недосягаемым по результатам полезного действия.
Долго привыкал к твоей манере подачи информации, но теперь могу сказать: не зря. Всё четко по полочкам, никакой воды и самое важное - после курса про React от А до Я c TypeScript проблем не было вообще, кроме как мои кривые руки(пара забытых импортов или скобок). Прогресс на лицо и это очень радует. Спасибо большое за твой труд 😌👍
🤝🤝👏
Спасибо. Отличный туториал, без воды, все по делу. Не для новичков, для тех кто имеет опыт с Реакт, но не работал с TypeScript.
Коротко,быстро,понятно,спасибо))Кто жалуется на css,слава богу,что его тут нет:))
Спасибо)
Хоть я и бэкенд разработчик, но обязательно поставлю лайк в поддержку канала!!!
Спасибо!)
Супер насыщеное видео, никакой тягомотины, наоборот замедляю скорость чтобы вкурить!!! Молодец!!! Спасибо за твой труд!!!
На канале 10 тысяч!!!! Поздравляю 🥳
Спасибо БРО за ГОДНЫЙ, ПОДРОБНЫЙ, БЕСОПЛАТНЫЙ контент !!!!😎
Чувак, ты восхитителен. Не просто хорош, а восхитителен. Работаю разработчиком 6 лет, никогда не слышал такой хорошей подачи материала в рунете. Не вздумай останавливаться, черт возьми!
Вернулся к ролику, поскольку это лучший урок по react и typescript
Спасибо!)
Ахаха, как же вовремя выходит это видео)
Это именно то, что я искал!
React и Typescript это супер! Поздравляю с 10к подписчиков! Летим к 100 тысячам :)
За пол года плюс 40к подписоты
100к)
Подскажите, что в VSCode устанавливали для сниппетов чтобы разворачивать сразу компонент. Я уже устал о руки писать их)
Отдельное спасибо за лакончиность подачи информации! Без лишней демагогии и подвисаний в размышлениях. Всё чётко и по делу.
Добрый вечер. Хочу выразить благодарность за контент. Нравится уровень сложности подачи материала, без дополнительной читки сразу можно не разобраться что может выступать стимулом к изучению материала, но общая концепция ясна и проста, помогает в обучении. Желаю удачи!
Чтобы дженерик со стрелочной функцией написать, можно просто запятую поставить типа const component = (props: Type) => {}
Контент крутой) человек подготовился, впихнул много инфы в относительно короткий промежуток времени, спасибо)
Рукопожатный ютубер. Низкий поклон.
Да ладно, только вчера писал об этом в посте сообщества. И тут на тебе, спасибо, лучший!
Больше комментариев богу комментариев! Спасибо тебе добр человек :)
Тимур, желаю тебе процветания во всех сферах жизни! Здоровья тебе и твоим близким! Спасибо за труды!
Спасибо 🙏 и вам желаю здоровья и успехов!
Крутой видос! Поздравляю с 10к!✨✨🎁
Комментарий для алгоритмов ютуба и поддержки автора!
Ребята на работе уже рекомендуют , вангую скоро будет 100к подписчиков
Блин, просто от души! Круто, понятно, по ходу решаешь задачки, так как библиотеки немного обновляются, просто огонь! Автору благодарность!)
Каждые 5-10 минут ищу кнопку "лайк", и вижу, что уже поставила. Нужно больше лайков)) прекрасный структурированный материал, спасибо 🙏
Не забываю оставить лайк и комментарий.
Спасибо)
Одно из самых толковых видео по TS. Полученные знания можно сразу юзать на практике. Спасибо!
Спасибо за этот курс! Поздравляю с 1️⃣0️⃣ 0️⃣0️⃣0️⃣ ‼️ Ты молодец!
Спасибо! То, что нужно! Буду смотреть позднее, но лайк по дефолту
Спасибо. Максимально полезный контент без воды и прочих рассуждений.
Спасибо большое тебе. Ты первый человек, которого я смотрю на ютубе для обучения. Информация подана внятно. Конечно за ролик я всё не запомнил, надо будет попробовать самому, пересмотреть ещё 2-3 раза.
Привет! А как давно вы занимаетесь программированием? У Тимура действительно очень классно подан материал 🔥
Спасибо большое ! Ваши уроки это большая ценность для меня! Продолжайте !
Благодарю вас!)
На 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)}
)
}
Кратко и понятно рассказал о базовом TypeScript в React, спасибо!
Мозги разжижаются от количества информации, большое спасибо!:)
Спасибо, давно ждал гайд по тс
БОЖЕЕ! ТЫ ЛУЧШИЙ! НУ ПРОСТО АХРИНЕТЬ КАК ПОДРОБНО! Я ЕЩЕ СТОЛЬКО ИНТЕРЕСНОГО НАШЕЛ, УЗНАЛ И ПРИМЕНИЛ!
ЛАЙК! 100 ИЗ 10 ТОПОВЫХ УРОКОВ! БЛАГОДАРЮ.
Все по делу, вез "воды". Хорошая дикция. Спасибо за курс.
Как всегда вовремя подъехал бесценный контент)
Наверное это самое лучшее канал, которое может передать качественное информацию за короткое время
Так кратко и так понятно, лучший
Обычно все видео смотрю на ускорении, а тут хочется поставить на slow :)
Thank you very much!
Еще коммент и благодарность за труд, опыт и знания, которыми делишься.
Очень ценю! Спасибо!
Супер, спасибо Тимур!
Именно такого формата видео про typescript я и хотел
Действительно, один из лучших каналов по программированию.
Как же классно, что вот оно уже есть и очень классно всё объясняешь. Мне как раз для работы быстро влететь прям каэф
Вырожаю огромную благодарность за твои труды!
Очень нравятся твои уроки, всегда коротко и точно по делу, нет размусоливание на пару часов с ненужной болтологией. Спасибо!
Как всегда познавательное и своевременное видео!! А и с 10к подписчиками!!!))
Коммент в поддержку, видео просто топ, отдельное спс за generic interface и типы ивентов:)
Спасибо!
Все, теперь тоже перехожу на тайпскрипт, осталось разобраться со всеми енумами, типами, интерфейсами и дженериками
Ульби, спасибо! У тебя один из лучших каналов по программированию!
Это просто дар, простым языком объяснять сложные вещи! побольше контента! и успеха Вам!
Как всегда крутой контент!!! Было бы еще круто запилить урок по тестированию React-Redux.
Просто все просто, как он просто объясняет ? У тебя талант чел. Не болей
Спасибо. Перешел на просмотр только твоего канала.
Спасибо автору огромное! Формат и подача для меня - максимально удобные, учиться одно удовольствие!
Комментарий для продвижения ролика и канала в целом, спасибо за топовое видео!
наконец-то дошли руки до этого урока) спасибо
Спасибо за ролик, всё классно объяснил и показал. Наверное ты единственный, кто так хорошо подходит к работе
Очень полезно. Благодарю
React Typescript Props Event Hooks FC Function Component Generic Router Request
Как раз учу TS! Спасибо
Чувак круто объясняешь) Сразу по делу и без воды, продолжай в том же духе! Успехов)
О мой `Один, я в шоке.. когда ты работаешь вообще =)
Я не успеваю даже челленджи просто повторить =)))
Сразу скажу спасибо! и поставлю лайк, уверен контент как всегда🔥🔥🔥, Успехов во всем!
Всё понятно. Реакт не такой сложный как я думал!
TypeScript пошел в ход)
Супер ультра полезно. С наскока самостоятельно понять встроенные типы в реакте нереально. Видос очень помог заложить базу в этом вопросе, благодарю 👍
Очень выгодное предложение с меня лайк, а с автора - курс =) 15.25 - "льзя"
Огромное спасибо за очередное круто видео. React и typescript круто совмещаются
И этот курс осилил! Неплохое продолжение. Ошибки уже знакомы. Легче становится и быстрее. Спасиб Тимур
Ето то что нужно!))) Спасибо тебе добрый человек)))
Как всегда топчик!!!!))))
1:55 ставлю лайк и пишу комментарий не глядя, потому что на 100% уверен в авторе и качестве данного материала. :) Ещё раз спасибо тебе Тимур!
Ну ты просто огонь, признайся, ты читаешь мои мысли?)
Мэн я благодарен тебе за это чудо которое ты для всех нас проварачиваешь из ролика в ролик!^^
Это ТОП! Третий раз смотрю. Как говорится "повторение, мать учения"!
Посмотрю обязательно
React Typescript урок 2021. Props, Events, Router, Hooks, Requests немного продвижного комментария тебе на канал, чтобы максимум выхлопа было. Ну а дльше бесполезный текст типа а-ля лонрен ипсун-фигипсун, чтобы ранжирование сработало как надо))) В общем удачи, наблю даю за it каналом для программистов и всех видео для начинающих разработчиков фронтенд реакт разработка и вот еще тайпскрипт уроки
На медиум уже есть статья о том что в недалеком будущем JS перейдет полностью на TS
Но на практике это будет как с Jquery, в моем городе до сих пор пролетают вакансии juna с требованием jquery
Вечером посмотрю, а пока держи лайк.
Привет! Спасибо за видос) лучший канал по количеству информативности в секунду)
Пришел с Продвинутого фронтенда, все очень круто, очень рад что без воды