Владилен, спасибо за материал - очень полезно. Для меня лично было полезно: 1) npm должен быть для такой установки выше 14 версии 2) event: React.KeyboardEvent эта строчка выдаёт ошибку, надо заменить тип ивента на event: React.ChangeEvent 3) быстрое создание компонента в vscode - rfc (сработает авто комплит) ну или поставить расширение со сниппетами для реакта
Спасибо! Благодаря тебе попал в компанию 4 месяца назад. Сейчас просто же смотрю твои видеоролики для повторения и для самореализации. Продолжай в том же духе!!
Владилен, спасибо за работу! Я знаю ты очень щепетильно относишься к мелочам и тех вопросам, поэтому обрати внимание на звук, уровень его можно поднять. Я знаю микрофон у тебя хороший 👍! Контент топ!
Огромная тебе благодарность за твой труд. Очень хочется разобраться с реактом.редаксом.тайпскриптом. Благодаря тебе это будет быстрее. Учу уже год фронт. Уверен после войны мы все трудоустроимся. Молимся за Мир во всем Мире.
Очень классно. Несколько месяцев назад смотрел похожий урок по react, но без остальных технологий (tailwindsCss, typescript), а так же он был немного устарелый и не везде уже тот код работал, пришлось ещё самому копаться чтобы понять что не так. После чего я занялся вёрсткой и обычными элементами по типу модальных окон, Аккордионов на чистом js. Сейчас всему этому научился, решил взяться снова за реакт и твой урок очень помог освежить память и также освоить новую технологию TailwindsCss и подтянуть Typescript, на нем у меня опыта тоже не было, только твой урок по Typescript глянул несколько раз в свободное время. В общем - спасибо большое!
Владилен, в который раз скажу спасибо! Отдельная благодарность за формат "быстрый курс" - прям очень кстати, когда надо не изучить с нуля, а вспомнить по-быстрому - это прям идеально! А еще "свежачок" - я в восторге!
спасибо! блин, надо было сразу идти в коменты, а я так заморочился и пару часов пытался решить проблему (хотя большую часть времени я думал у меня опечатка и искал её) и решил (нашёл в просторах инета) вот так const changeHandler = (event: React.ChangeEvent) => { setValue((event.target as HTMLInputElement).value) }б
Не буду смотреть это видео, потому что... Чуть более 3 лет назад начал изучать программирование с нуля и контент Владилена очень помог. Регулярно смотрел новые видео, купил даже 2 курса и уже давно работаю фронтендером. На текущий момент данное видео мне ничем не поможет, однако уверен, что оно будет полезно начинающим. Владилену огромное спасибо за труд и за качественный контент.
Все это есть в документации, можно и прочитать. HOC уже не так часто используется с приходом хуков, ловушка есть в документации + можно посмотреть код опенсорс либы популярной для этого, lifecycle это вообще база
@@egoralexandrvch8745 Как создать компонент и сгенерировать новое приложение, тоже можно посмотреть в документации в самом первом пункте. Но гораздо выгоднее выпускать каждые пол года уроки React c нуля.
@@СтепанИванов-и2я Да все можно посмотреть в документации. Просто тут человек пишет про 'продвинутый' реакт, а это по сути базовые вещи, простые. А то что относится к 'продвинутому' к реакту и не относится. Реакт - всего лишь либа для отрисовки вьюшек. Ролик по сути просто введение в либу, что вот есть такой реакт можно на нем так делать. Тут даже на то что правильно/неправильно нет смысла обращать внимания. Дак еще и ролики смотрят как правило те кто JS то не знает толком и часто вижу вопросы максимально странные
42:00 можно вместо этого огорода в тот самый setDetails передать !details , поскольку начальное состояние мы знаем оно фолс, то по нажатию оно будет просто постоянно инвертить)
1:16:14 В функции changeHandler, у меня не работает с KeyboardEvent, пишет, что "Property 'value' does not exist on type 'EventTarget'" Использовал ChangeEvent и все получилось. Кто-нибудь, подскажите, в чем подвох?
Большое спасибо за курс. Еще было бы очень замечательно увидеть тайм-коды, т.к. я уверен, что еще не раз буду возвращаться к этому видео в поисках ответов.
очень хорошее видео для новичка в реакт ! радует что актуально все - и версии и весь код соответсвует времени! жаль, что вы не записываете такие же курсы по vue 3 typescript
Втопил как царь! Спасибо тебе большое за качественный, понятный и доступный контент!!! Единственное маленькое замечание, запись видео тихая, пришлось на колонку вывести чтобы всё нормально прослушать.)
Ребята. Полностью и слепо повторять за автором не стоит. Язык стремительно развивается, не угонишься, много нового появляется и то что было пол года - год назад, на сегодняшний день становится не корректным, выдает ошибки. К примеру ранний урок "Fullstack приложение за 3 часа", на 1-00-00 времени просмотра пишется Switch и Redirect, которые устарели.(ошибка: import { Switch, Route }) Кто запутался с роутером примерно на 1:00:00 времени. На момент 01.10.2022 Switch и Redirect устарели, теперь это Route и Navigate, exact теперь является значением по умолчанию и явно указывать не нужно. И НЕЛЬЗЯ внутрь вставлять тэги , теперь нужно писать и т д. useHistory больше нет, теперь это useNavigate, и не надо писать к его переменной navigate.push("/"), просто navigate("/"). В новой, 6й версии кое что изменилось! import { Switch, Route } from "react-router-dom"; заменить на import { Routes ,Route } from 'react-router-dom'; P.S Автор мой первый "учитель". Все его уроки смотрю и изучаю с большим удовольствием.
45:58 я бы еще библиотеку показал как заюзать, типа classnames или clsx, с tailwind особенно полезно, без нее почти не возможно написать красиво стили.
Круто! Урок очень понравился после урока по ангулар, вначале сам делал потом смотрел как нужно! Не сделали только что бы таргет автоматически был на инпут после открытия модального окна!
Владилен, приветствую и благодарю за Ваш труд! Хочу сказать замечание по поводу звука: в начале ролика звук отличный, когда начинается демонстрация экрана - становится ватный и бубнящий. Нет предела совершенству - звук тоже многое значит)
Наверно годная тренировка, если: a) вы знаете основы react b) вы знакомы с typescript. В противном случае это как найти код на гитхабе и ковыряться в нем. Из своего опыта с знанием основ react и нифига не зная typescript все весьма не очевидно. Спасибо автору за урок на современном стеке технологий!
Офигенное видео, рекомендую. Все примеры в видео рабочие, в отличие от сферических примеров многих других видеоблогеров. Единственное, мне пришлось настраивать tailwind по другому (через postcss не заработало, может из-за того что на винде)
Вы можете поддержать выход контента и получить эксклюзивный на моем Boosty: boosty.to/vladilen
Ждем урок по VUE))
УДАЧИ,БУДЕМ ЖДАТЬ
как же не хватало этого урока!! спасибо огромное, за твою работу.
Благодарю от всей души, Владилен!
Очень интересно смотреть и повторять 🙂👍
Как узнать обновления react?
59:00 Создание кастомного хука
1:03:30 модальное окно, работа с кастомными компонентами, формой
1:08:00 форма
1:29:50 Context
1:35:35 Routing
Владилен, спасибо за материал - очень полезно.
Для меня лично было полезно:
1) npm должен быть для такой установки выше 14 версии
2) event: React.KeyboardEvent эта строчка выдаёт ошибку, надо заменить тип ивента на event: React.ChangeEvent
3) быстрое создание компонента в vscode - rfc (сработает авто комплит) ну или поставить расширение со сниппетами для реакта
как раз вот застрял на KeyBoardEvent))) Спасибо)
Дай бог тебе здоровья, дружище. Особенно за последние 2 пункта, как будто бы на 2 недели вперед мои вопросы прочел)
Огромное спасибо! )
А я на stackoverflow сам нашел))
Спасибо, благодаря вам не пришлось тратить время на самостоятельные поиски.
Спасибо! Благодаря тебе попал в компанию 4 месяца назад. Сейчас просто же смотрю твои видеоролики для повторения и для самореализации. Продолжай в том же духе!!
В каком городе?
1:16:24
event: React.KeyboardEvent
выдает ошибку, попробуйте написать
event: React.ChangeEvent
Большое спасибо!
@@InnaKasyan-f8h 😉👍
Спасиб тебе добрый человек. ))
Пожалуйста ) желаю всем побыстрее стать программистами)
Спасибо, но почему так? Почему у Владилена работало, а у меня выдавало что value не существует, пока не исправил на то, что вы прислали?
Только собирался искать видео по этому стеку и сразу твоё видео выходит, спасибо тебе огромное за твой труд!
Ого!!! Как раз это изучаю! Спасибо за твой труд! 🔥🔥🔥
Сижу и радуюсь, как ребенок, что наконец начал продвигаться и учить что-то крутое, новое в своем любимом деле
Красавчик! Спасибо тебе за то, что ты делаешь!
Очень рад, что нашел этот курс. Все непонятки решены, все по полочкам. Проект допилю с переходом на страницу товара. Спасибо, Владилен!
Владилен, спасибо за работу! Я знаю ты очень щепетильно относишься к мелочам и тех вопросам, поэтому обрати внимание на звук, уровень его можно поднять. Я знаю микрофон у тебя хороший 👍! Контент топ!
Поддерживаю! Звук надо апать
Это именно то, что внезапно стало надо! И именно на TypeScript! Спасибо огромное! Актуальнейшая информация!
Огромная тебе благодарность за твой труд. Очень хочется разобраться с реактом.редаксом.тайпскриптом. Благодаря тебе это будет быстрее. Учу уже год фронт. Уверен после войны мы все трудоустроимся. Молимся за Мир во всем Мире.
Тоже уже год топчусь на месте
как успехи
@@ДанилДмитриев-я5м на стажировке, все получается
@@ДанилДмитриев-я5м на не комерческом проекте бесплатно работаю
@@learningit2572 Почему так?
Очень классно. Несколько месяцев назад смотрел похожий урок по react, но без остальных технологий (tailwindsCss, typescript), а так же он был немного устарелый и не везде уже тот код работал, пришлось ещё самому копаться чтобы понять что не так. После чего я занялся вёрсткой и обычными элементами по типу модальных окон, Аккордионов на чистом js. Сейчас всему этому научился, решил взяться снова за реакт и твой урок очень помог освежить память и также освоить новую технологию TailwindsCss и подтянуть Typescript, на нем у меня опыта тоже не было, только твой урок по Typescript глянул несколько раз в свободное время. В общем - спасибо большое!
Не успеваем досмотреть выпуски от Владилена. Владилен, ты ТОП!
Владилен, в который раз скажу спасибо! Отдельная благодарность за формат "быстрый курс" - прям очень кстати, когда надо не изучить с нуля, а вспомнить по-быстрому - это прям идеально! А еще "свежачок" - я в восторге!
Владилен, все таки речью занимаешься, тебя стало намного приятней слушать. Молодец!
Шикарно!
Залпом потом пройду react стек 2022, angular и этот видос. Капец, столько вкусностей!
Спасибо!
Огромное спасибо за контент, Владилен 🙏
Ребят, работающий код для момента на видео 1:16:16
const changeHandler = (event: React.ChangeEvent) => {
setValue(event.currentTarget.value)
}
спасибо! блин, надо было сразу идти в коменты, а я так заморочился и пару часов пытался решить проблему (хотя большую часть времени я думал у меня опечатка и искал её) и решил (нашёл в просторах инета) вот так const changeHandler = (event: React.ChangeEvent) => {
setValue((event.target as HTMLInputElement).value)
}б
Большое спасибо за качественный контент, Владилен. Жду таймкоды, буду пересматривать)
Лучший обучающий канал по программированию с самым понятным объяснением. Огромное спасибо за вашу работу!
Спасибо тебе и твоей команде! TS прям супер то, что надо
очень полезный урок для тех кто не много подзабыл React js и не писал код последние 5 месяцев
Не буду смотреть это видео, потому что...
Чуть более 3 лет назад начал изучать программирование с нуля и контент Владилена очень помог. Регулярно смотрел новые видео, купил даже 2 курса и уже давно работаю фронтендером. На текущий момент данное видео мне ничем не поможет, однако уверен, что оно будет полезно начинающим. Владилену огромное спасибо за труд и за качественный контент.
Очень ждал данный курс, большое спасибо!
Только включил видос и сразу лайк, потому что в качестве твоего контента просто нет сомнений, ты лучший!
Если честно, то практически не знаю js, но всё было достаточно понятно + ты показал даже работу с бэком. Очень круто
Вот ролики Владилена оч заходят , тембр стиль и скорость подачи информации . Супер как всегда !
Классный курс, спасибо, самый лучший курс по Реакту
Как всегда супер полезное и понятное видео! Спасибо Владилен!!! Очень нравится ваш спокойный голос и внятная речь :)
Спасибо Владилен, смотрю на одном дыхании
Вот это турбо-подача и в конце с контекстом прям финальный аккорд, добивающий мозг. Респект! х)
Отличный урок!!! Спасибо огромное! Благодаря этому уроку я наконец-то познакомилась с Реактом!!! Просто супер! Все абсолютно понятно
Офигенный получился урок, особенно обрадовался за роутер -6, спасибо огромное за работу
Материал супер, сделай пожалуйста материал по стандартным задачкам для собеседования(виды сортировок, полифилы map, reduce, filter)🙏🙏🙏
На codewars хватает таких
th-cam.com/play/PL0k-9Y7O1GwccXKHRzmvVj17yB7T9pjTo.html
Вы так хорошо объясняете, благодаря вам путь к становлению junior frontend приятный и очень эффективный.
Спасибо
ты стал фронтендером или нет ?
Владилен, сделай урок по продвинутому реакту HOC, Error Boundary, Lyfe Cicle
Поддерживаю!
Все это есть в документации, можно и прочитать. HOC уже не так часто используется с приходом хуков, ловушка есть в документации + можно посмотреть код опенсорс либы популярной для этого, lifecycle это вообще база
@@egoralexandrvch8745 Как создать компонент и сгенерировать новое приложение, тоже можно посмотреть в документации в самом первом пункте. Но гораздо выгоднее выпускать каждые пол года уроки React c нуля.
@@СтепанИванов-и2я Да все можно посмотреть в документации. Просто тут человек пишет про 'продвинутый' реакт, а это по сути базовые вещи, простые. А то что относится к 'продвинутому' к реакту и не относится. Реакт - всего лишь либа для отрисовки вьюшек. Ролик по сути просто введение в либу, что вот есть такой реакт можно на нем так делать. Тут даже на то что правильно/неправильно нет смысла обращать внимания. Дак еще и ролики смотрят как правило те кто JS то не знает толком и часто вижу вопросы максимально странные
@@champ__champ Ну покажи нам свой курс, без закостыливания, а мы посмотрим🤷
"Критикуешь - предлагай".
Огромное вам спасибо за видео! Поняла всё с 1 раза, что для меня удивительно. Очень просто и понятно)
Благодарю за ролик без лишнего шума в виде музыки, за это поставил лайк.
Ля лучший бро! Спасибо тебе, и успехов!!!
Офигенный урок! Обожаю React+Typescript
42:00 можно вместо этого огорода в тот самый setDetails передать !details , поскольку начальное состояние мы знаем оно фолс, то по нажатию оно будет просто постоянно инвертить)
Отличный бесплатный урок! Спасибо! Отличная работа!
1:16:14
В функции changeHandler, у меня не работает с KeyboardEvent, пишет, что "Property 'value' does not exist on type 'EventTarget'"
Использовал ChangeEvent и все получилось. Кто-нибудь, подскажите, в чем подвох?
Очень даже хорошо, все настолько по делу, большое спасибо, поверхностно ознакомил со всеми важными технологиями
Владилен, большое спасибо.
Очень доходчиво преподносите информацию.
Наконец обновленный видос по реакту!)
Спасибо огромное за проделанную работу! Успехов в достижении поставленных целей!
Большое спасибо за курс. Еще было бы очень замечательно увидеть тайм-коды, т.к. я уверен, что еще не раз буду возвращаться к этому видео в поисках ответов.
Владилен, огромное тебе спасибо!!!!!
Дякую за відео🙏 Було цікаво подивитись😊
Владилен, ты что охренел?!! Почему так круто?!!
очень хорошее видео для новичка в реакт ! радует что актуально все - и версии и весь код соответсвует времени! жаль, что вы не записываете такие же курсы по vue 3 typescript
++++
Спасибо за работу, Владилен!
Благодарю за подобные видео. Помогают в изучении!
Большое спасибо! Как всегда - отличный урок, все лаконично, понятно!
Круто! Благодаря этому видосу смог приделать к своему бэку фронт. Прям офигенно, спасибо.
ОООООО просто супер! огромное тебе спасибо за такой обзор)
Спасибо мужик !
Практические курсы это самый топ
Втопил как царь!
Спасибо тебе большое за качественный, понятный и доступный контент!!!
Единственное маленькое замечание, запись видео тихая, пришлось на колонку вывести чтобы всё нормально прослушать.)
54:29 подскажите почему просто не использовали .then ?
Спасибо, за быстрый курс, поддерживаю комментарии про продвинутый реакт :)
спасибо, на одном дыхании сделал вместе с вами)
А можно еще React Native, пожалуйста))
У Вас безумно крутой контент🔥
Большое спасибо, невероятно, очень продуктивно!
Офигенный урок! Основные основы в одном месте))
Круто, спасибо за качественный контент!)
Спасибо за материал. Доступно, наглядно и практично )
Только начал изучать, первые 45 мин перед сном это просто офигенный контент, спасибо за твой труд!
Я вот недавно начал изучать, как у вас прогресс проходит, пытались ли вы делать свои проекты? если да подскажите с какого проекта начать
Ребята. Полностью и слепо повторять за автором не стоит. Язык стремительно развивается, не угонишься, много нового появляется и то что было пол года - год назад, на сегодняшний день становится не корректным, выдает ошибки.
К примеру ранний урок "Fullstack приложение за 3 часа", на 1-00-00 времени просмотра пишется Switch и Redirect, которые устарели.(ошибка: import { Switch, Route })
Кто запутался с роутером примерно на 1:00:00 времени. На момент 01.10.2022 Switch и Redirect устарели, теперь это Route и Navigate, exact теперь является значением по умолчанию и явно указывать не нужно. И НЕЛЬЗЯ внутрь вставлять тэги , теперь нужно писать и т д. useHistory больше нет, теперь это useNavigate, и не надо писать к его переменной navigate.push("/"), просто navigate("/").
В новой, 6й версии кое что изменилось!
import { Switch, Route } from "react-router-dom";
заменить на
import { Routes ,Route } from 'react-router-dom';
P.S Автор мой первый "учитель". Все его уроки смотрю и изучаю с большим удовольствием.
@@ToyhonaUz как я намучился с этими обновлениями) именно на эти ошибках в роутере. Но зато теперь закрытыми глазами напишу роутинг по новых правилах)
Super!
хотелось бы Advanced React TypeScript
Спасибо за ролик, буду пересматривать. )
Спасибо за урок! Получилось быстро продемонстрировать возможности реакта
Уже год как работаю, но все равно полезно зайти чекнуть твои видосики
можно больше таких видео !!! спасибо очень доступно
Привет Владилен 🤝
Спасибо! Как раз курс по React прохожу. Хотя уговаривали на Angular 😉
Ангуляр тоже отличный выбор)
@@VladilenMinin да вот я и разрывался, что выбрать)) но как говорит Немчинский, Angular больше для Enterprise приложений)
Хотя и на React пишут
Классно! Спасибо за TS и актуальность
Владилен, спасибо за отличный урок! ☺
45:58 я бы еще библиотеку показал как заюзать, типа classnames или clsx, с tailwind особенно полезно, без нее почти не возможно написать красиво стили.
Все очень круто!!! Спасибоб спасибо и еще раз спасибо за Ваш труд!!!!
Очень толковая подача, спасибо
Вот это контент!!! Очень круто, пасибо
Твой курс очень помог. Спасибо!
Круто! Урок очень понравился после урока по ангулар, вначале сам делал потом смотрел как нужно! Не сделали только что бы таргет автоматически был на инпут после открытия модального окна!
th-cam.com/video/OJ16BaPC6VI/w-d-xo.html KeybordEvent почему-то выдавал ошибку (хотя и работал). Немного погуглив поменял на ChangeEvent
Такая же проблема, прошло всего 3 недели а по сути фрагмент видео уже не актуален. Зачем они так быстро все меняют я не понимаю
такая же фигня.
я плюсом ещё в const [value, setValue] =useState(''); пропустил дефолтное значение - пустую строку. Вообще не мог понять, что нужно.
Владилен, приветствую и благодарю за Ваш труд! Хочу сказать замечание по поводу звука: в начале ролика звук отличный, когда начинается демонстрация экрана - становится ватный и бубнящий. Нет предела совершенству - звук тоже многое значит)
Спасибо за твой труд! (React и TypeScript)
Очень полезный видос! Спасибо тебе!!
Будем ждат тот проект от Вуе, спасибо!
I haven't seen this video-tutorial yet but I want to say that you are a really cool TH-camR!
Огромное спасибо за отличный контент!
господи, это потрясающее видео!
Просто крутяк!!! Шикарно!!!
Наверно годная тренировка, если: a) вы знаете основы react b) вы знакомы с typescript. В противном случае это как найти код на гитхабе и ковыряться в нем. Из своего опыта с знанием основ react и нифига не зная typescript все весьма не очевидно. Спасибо автору за урок на современном стеке технологий!
Замечательный курс, Спасибо!
Спасибо большое , очень все понравилось и получилось !!!
Классно как всегда!!! Спасибо!
Владилен, скажите пожалуйста почему эту строку подчеркивает,: как синтаксические ошибки: return React.createElement ( type: 'h1', props: {}, children: 'Hello From JS')
Очень крутой урок! Огромное спасибо!
Офигенное видео, рекомендую. Все примеры в видео рабочие, в отличие от сферических примеров многих других видеоблогеров. Единственное, мне пришлось настраивать tailwind по другому (через postcss не заработало, может из-за того что на винде)
не подскажете, как настроили tailwind?
Всё ок и с tailwind и с виндой.
@@kochetov мне помогло установить расширение PostCSS Language Support для VSCode