Владилен, спасибо за материал - очень полезно. Для меня лично было полезно: 1) npm должен быть для такой установки выше 14 версии 2) event: React.KeyboardEvent эта строчка выдаёт ошибку, надо заменить тип ивента на event: React.ChangeEvent 3) быстрое создание компонента в vscode - rfc (сработает авто комплит) ну или поставить расширение со сниппетами для реакта
Спасибо! Благодаря тебе попал в компанию 4 месяца назад. Сейчас просто же смотрю твои видеоролики для повторения и для самореализации. Продолжай в том же духе!!
Огромная тебе благодарность за твой труд. Очень хочется разобраться с реактом.редаксом.тайпскриптом. Благодаря тебе это будет быстрее. Учу уже год фронт. Уверен после войны мы все трудоустроимся. Молимся за Мир во всем Мире.
Владилен, спасибо за работу! Я знаю ты очень щепетильно относишься к мелочам и тех вопросам, поэтому обрати внимание на звук, уровень его можно поднять. Я знаю микрофон у тебя хороший 👍! Контент топ!
Очень классно. Несколько месяцев назад смотрел похожий урок по react, но без остальных технологий (tailwindsCss, typescript), а так же он был немного устарелый и не везде уже тот код работал, пришлось ещё самому копаться чтобы понять что не так. После чего я занялся вёрсткой и обычными элементами по типу модальных окон, Аккордионов на чистом js. Сейчас всему этому научился, решил взяться снова за реакт и твой урок очень помог освежить память и также освоить новую технологию TailwindsCss и подтянуть Typescript, на нем у меня опыта тоже не было, только твой урок по Typescript глянул несколько раз в свободное время. В общем - спасибо большое!
Владилен, в который раз скажу спасибо! Отдельная благодарность за формат "быстрый курс" - прям очень кстати, когда надо не изучить с нуля, а вспомнить по-быстрому - это прям идеально! А еще "свежачок" - я в восторге!
Не буду смотреть это видео, потому что... Чуть более 3 лет назад начал изучать программирование с нуля и контент Владилена очень помог. Регулярно смотрел новые видео, купил даже 2 курса и уже давно работаю фронтендером. На текущий момент данное видео мне ничем не поможет, однако уверен, что оно будет полезно начинающим. Владилену огромное спасибо за труд и за качественный контент.
Наверно годная тренировка, если: a) вы знаете основы react b) вы знакомы с typescript. В противном случае это как найти код на гитхабе и ковыряться в нем. Из своего опыта с знанием основ react и нифига не зная typescript все весьма не очевидно. Спасибо автору за урок на современном стеке технологий!
Все это есть в документации, можно и прочитать. HOC уже не так часто используется с приходом хуков, ловушка есть в документации + можно посмотреть код опенсорс либы популярной для этого, lifecycle это вообще база
@@egoralexandrvch8745 Как создать компонент и сгенерировать новое приложение, тоже можно посмотреть в документации в самом первом пункте. Но гораздо выгоднее выпускать каждые пол года уроки React c нуля.
@@СтепанИванов-и2я Да все можно посмотреть в документации. Просто тут человек пишет про 'продвинутый' реакт, а это по сути базовые вещи, простые. А то что относится к 'продвинутому' к реакту и не относится. Реакт - всего лишь либа для отрисовки вьюшек. Ролик по сути просто введение в либу, что вот есть такой реакт можно на нем так делать. Тут даже на то что правильно/неправильно нет смысла обращать внимания. Дак еще и ролики смотрят как правило те кто JS то не знает толком и часто вижу вопросы максимально странные
Втопил как царь! Спасибо тебе большое за качественный, понятный и доступный контент!!! Единственное маленькое замечание, запись видео тихая, пришлось на колонку вывести чтобы всё нормально прослушать.)
1:16:14 В функции changeHandler, у меня не работает с KeyboardEvent, пишет, что "Property 'value' does not exist on type 'EventTarget'" Использовал ChangeEvent и все получилось. Кто-нибудь, подскажите, в чем подвох?
А как лучше начать работу с React для новичков? Лично я выбирал курсы по IT для улучшения навыков программирования и рассматривал разные компании. В итоге Skypro помогли мне найти первого заказчика))
Ребята. Полностью и слепо повторять за автором не стоит. Язык стремительно развивается, не угонишься, много нового появляется и то что было пол года - год назад, на сегодняшний день становится не корректным, выдает ошибки. К примеру ранний урок "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 Автор мой первый "учитель". Все его уроки смотрю и изучаю с большим удовольствием.
42:00 можно вместо этого огорода в тот самый setDetails передать !details , поскольку начальное состояние мы знаем оно фолс, то по нажатию оно будет просто постоянно инвертить)
Если ещё будут уроки для новичков, то есть такая потребность в реализации проектов для спорта. В большей степени есть интерес реализовать: 1. это турнирная таблица на 4 команды (расписание игр, дата/время, стадион, судья) + ввод результатов (счёт, ФИ забил, ФИ ассистент, минута) + статистика (Бомбардиры, ассистенты) + разумеется админка, чтобы была возможность все эти данные вводить. 2. это ПРОГНОЗЫ - пользователи регистрируются (регистрацию и авторизацию хочу подглядеть из приложения для тренировок) + дальше добавляем матч (или упражнение), на который пользователь может оставить прогноз (П1 Н П2, указать точный счёт и ещё что-нибудь). Далее админ вводит результат матча и считается статистика по прогнозам всех пользователей и показывается кто сколько за что получил баллов и кто на каком месте. [Вот это всё хочется самому сделать, надеюсь на Reacte + mysql это вполне возможно] // Отдельно напишу предложение, не сочти за наглость) Сейчас практикуюсь на мини-играх и придумал игру мне в тему спорта: N человекам задаётся по 10 вопросов типа чёрное или белое. Далее пользователь, который зарегистрировался может в своём ЛК узнать с кем у него больше сходства из этих N человек и отвечает на те же 10 вопросов. По итогу получается сообщение с тем, с кем больше совпадений: больше общего с N5.
Почему на кнопку простл не кинуть - setDetails(!details). По умолчанию она false оператором ! Мы меняем на true, и опять по нажатию тот же оператор сделает false. Зачем кнопку отдельно делать по смену флага???
Привет. Спасибо за видео! а как ты копировал из jsonview и вставлял объект? вроде как копирование-вставка по-прежнему является допустимым JSON. или это магия монтажа? просто интересно)
очень хорошее видео для новичка в реакт ! радует что актуально все - и версии и весь код соответсвует времени! жаль, что вы не записываете такие же курсы по vue 3 typescript
Большое спасибо за курс. Еще было бы очень замечательно увидеть тайм-коды, т.к. я уверен, что еще не раз буду возвращаться к этому видео в поисках ответов.
Владилен, приветствую и благодарю за Ваш труд! Хочу сказать замечание по поводу звука: в начале ролика звук отличный, когда начинается демонстрация экрана - становится ватный и бубнящий. Нет предела совершенству - звук тоже многое значит)
![React JS c Нуля - Курс для начинающих БЕЗ ВОДЫ [2024]](http://i.ytimg.com/vi/kz23xxukY5s/mqdefault.jpg)
![React JS c Нуля - Курс для начинающих БЕЗ ВОДЫ [2024]](/img/tr.png)
Вы можете поддержать выход контента и получить эксклюзивный на моем 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 сам нашел))
Спасибо, благодаря вам не пришлось тратить время на самостоятельные поиски.
1:16:24
event: React.KeyboardEvent
выдает ошибку, попробуйте написать
event: React.ChangeEvent
Большое спасибо!
@@InnaKasyan-f8h 😉👍
Спасиб тебе добрый человек. ))
Пожалуйста ) желаю всем побыстрее стать программистами)
Спасибо, но почему так? Почему у Владилена работало, а у меня выдавало что value не существует, пока не исправил на то, что вы прислали?
Спасибо! Благодаря тебе попал в компанию 4 месяца назад. Сейчас просто же смотрю твои видеоролики для повторения и для самореализации. Продолжай в том же духе!!
В каком городе?
Ого!!! Как раз это изучаю! Спасибо за твой труд! 🔥🔥🔥
Сижу и радуюсь, как ребенок, что наконец начал продвигаться и учить что-то крутое, новое в своем любимом деле
Огромная тебе благодарность за твой труд. Очень хочется разобраться с реактом.редаксом.тайпскриптом. Благодаря тебе это будет быстрее. Учу уже год фронт. Уверен после войны мы все трудоустроимся. Молимся за Мир во всем Мире.
Тоже уже год топчусь на месте
как успехи
@@ДанилДмитриев-я5м на стажировке, все получается
@@ДанилДмитриев-я5м на не комерческом проекте бесплатно работаю
@@learningit2572 Почему так?
Только собирался искать видео по этому стеку и сразу твоё видео выходит, спасибо тебе огромное за твой труд!
Владилен, все таки речью занимаешься, тебя стало намного приятней слушать. Молодец!
Владилен, спасибо за работу! Я знаю ты очень щепетильно относишься к мелочам и тех вопросам, поэтому обрати внимание на звук, уровень его можно поднять. Я знаю микрофон у тебя хороший 👍! Контент топ!
Поддерживаю! Звук надо апать
Очень рад, что нашел этот курс. Все непонятки решены, все по полочкам. Проект допилю с переходом на страницу товара. Спасибо, Владилен!
Красавчик! Спасибо тебе за то, что ты делаешь!
Это именно то, что внезапно стало надо! И именно на TypeScript! Спасибо огромное! Актуальнейшая информация!
Очень классно. Несколько месяцев назад смотрел похожий урок по react, но без остальных технологий (tailwindsCss, typescript), а так же он был немного устарелый и не везде уже тот код работал, пришлось ещё самому копаться чтобы понять что не так. После чего я занялся вёрсткой и обычными элементами по типу модальных окон, Аккордионов на чистом js. Сейчас всему этому научился, решил взяться снова за реакт и твой урок очень помог освежить память и также освоить новую технологию TailwindsCss и подтянуть Typescript, на нем у меня опыта тоже не было, только твой урок по Typescript глянул несколько раз в свободное время. В общем - спасибо большое!
очень полезный урок для тех кто не много подзабыл React js и не писал код последние 5 месяцев
Владилен, в который раз скажу спасибо! Отдельная благодарность за формат "быстрый курс" - прям очень кстати, когда надо не изучить с нуля, а вспомнить по-быстрому - это прям идеально! А еще "свежачок" - я в восторге!
Лучший обучающий канал по программированию с самым понятным объяснением. Огромное спасибо за вашу работу!
Огромное спасибо за контент, Владилен 🙏
Не буду смотреть это видео, потому что...
Чуть более 3 лет назад начал изучать программирование с нуля и контент Владилена очень помог. Регулярно смотрел новые видео, купил даже 2 курса и уже давно работаю фронтендером. На текущий момент данное видео мне ничем не поможет, однако уверен, что оно будет полезно начинающим. Владилену огромное спасибо за труд и за качественный контент.
Не успеваем досмотреть выпуски от Владилена. Владилен, ты ТОП!
Шикарно!
Залпом потом пройду react стек 2022, angular и этот видос. Капец, столько вкусностей!
Спасибо!
Классный курс, спасибо, самый лучший курс по Реакту
Дякую за відео🙏 Було цікаво подивитись😊
Большое спасибо за качественный контент, Владилен. Жду таймкоды, буду пересматривать)
Наверно годная тренировка, если: a) вы знаете основы react b) вы знакомы с typescript. В противном случае это как найти код на гитхабе и ковыряться в нем. Из своего опыта с знанием основ react и нифига не зная typescript все весьма не очевидно. Спасибо автору за урок на современном стеке технологий!
Спасибо тебе и твоей команде! TS прям супер то, что надо
Круто! Благодаря этому видосу смог приделать к своему бэку фронт. Прям офигенно, спасибо.
Отличный урок!!! Спасибо огромное! Благодаря этому уроку я наконец-то познакомилась с Реактом!!! Просто супер! Все абсолютно понятно
Если честно, то практически не знаю js, но всё было достаточно понятно + ты показал даже работу с бэком. Очень круто
Отличный бесплатный урок! Спасибо! Отличная работа!
Очень ждал данный курс, большое спасибо!
Спасибо мужик !
Практические курсы это самый топ
Владилен, сделай урок по продвинутому реакту HOC, Error Boundary, Lyfe Cicle
Поддерживаю!
Все это есть в документации, можно и прочитать. HOC уже не так часто используется с приходом хуков, ловушка есть в документации + можно посмотреть код опенсорс либы популярной для этого, lifecycle это вообще база
@@egoralexandrvch8745 Как создать компонент и сгенерировать новое приложение, тоже можно посмотреть в документации в самом первом пункте. Но гораздо выгоднее выпускать каждые пол года уроки React c нуля.
@@СтепанИванов-и2я Да все можно посмотреть в документации. Просто тут человек пишет про 'продвинутый' реакт, а это по сути базовые вещи, простые. А то что относится к 'продвинутому' к реакту и не относится. Реакт - всего лишь либа для отрисовки вьюшек. Ролик по сути просто введение в либу, что вот есть такой реакт можно на нем так делать. Тут даже на то что правильно/неправильно нет смысла обращать внимания. Дак еще и ролики смотрят как правило те кто JS то не знает толком и часто вижу вопросы максимально странные
@@champ__champ Ну покажи нам свой курс, без закостыливания, а мы посмотрим🤷
"Критикуешь - предлагай".
Офигенный урок! Обожаю React+Typescript
Спасибо Владилен, смотрю на одном дыхании
Материал супер, сделай пожалуйста материал по стандартным задачкам для собеседования(виды сортировок, полифилы map, reduce, filter)🙏🙏🙏
На codewars хватает таких
ua-cam.com/play/PL0k-9Y7O1GwccXKHRzmvVj17yB7T9pjTo.html
Вот это турбо-подача и в конце с контекстом прям финальный аккорд, добивающий мозг. Респект! х)
Только включил видос и сразу лайк, потому что в качестве твоего контента просто нет сомнений, ты лучший!
Втопил как царь!
Спасибо тебе большое за качественный, понятный и доступный контент!!!
Единственное маленькое замечание, запись видео тихая, пришлось на колонку вывести чтобы всё нормально прослушать.)
Владилен, огромное тебе спасибо!!!!!
Владилен, скажите пожалуйста почему эту строку подчеркивает,: как синтаксические ошибки: return React.createElement ( type: 'h1', props: {}, children: 'Hello From JS')
Офигенный получился урок, особенно обрадовался за роутер -6, спасибо огромное за работу
Вы так хорошо объясняете, благодаря вам путь к становлению junior frontend приятный и очень эффективный.
Спасибо
ты стал фронтендером или нет ?
Как всегда супер полезное и понятное видео! Спасибо Владилен!!! Очень нравится ваш спокойный голос и внятная речь :)
Вот ролики Владилена оч заходят , тембр стиль и скорость подачи информации . Супер как всегда !
Ля лучший бро! Спасибо тебе, и успехов!!!
54:29 подскажите почему просто не использовали .then ?
Огромное вам спасибо за видео! Поняла всё с 1 раза, что для меня удивительно. Очень просто и понятно)
1:16:14
В функции changeHandler, у меня не работает с KeyboardEvent, пишет, что "Property 'value' does not exist on type 'EventTarget'"
Использовал ChangeEvent и все получилось. Кто-нибудь, подскажите, в чем подвох?
Благодарю за ролик без лишнего шума в виде музыки, за это поставил лайк.
Здравствуй Владилен!
А можно Vue 3 Typescript видеоуроки. А то в интернете мало информации про Vue 3 Typescript а по react Typescript море..
Благодарю за подобные видео. Помогают в изучении!
ua-cam.com/video/OJ16BaPC6VI/v-deo.html KeybordEvent почему-то выдавал ошибку (хотя и работал). Немного погуглив поменял на ChangeEvent
Такая же проблема, прошло всего 3 недели а по сути фрагмент видео уже не актуален. Зачем они так быстро все меняют я не понимаю
такая же фигня.
я плюсом ещё в const [value, setValue] =useState(''); пропустил дефолтное значение - пустую строку. Вообще не мог понять, что нужно.
Владилен, большое спасибо.
Очень доходчиво преподносите информацию.
А как лучше начать работу с React для новичков? Лично я выбирал курсы по IT для улучшения навыков программирования и рассматривал разные компании. В итоге Skypro помогли мне найти первого заказчика))
Очень даже хорошо, все настолько по делу, большое спасибо, поверхностно ознакомил со всеми важными технологиями
Только начал изучать, первые 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 как я намучился с этими обновлениями) именно на эти ошибках в роутере. Но зато теперь закрытыми глазами напишу роутинг по новых правилах)
Владилен, ты что охренел?!! Почему так круто?!!
Наконец обновленный видос по реакту!)
Просто крутяк!!! Шикарно!!!
42:00 можно вместо этого огорода в тот самый setDetails передать !details , поскольку начальное состояние мы знаем оно фолс, то по нажатию оно будет просто постоянно инвертить)
Большое спасибо, невероятно, очень продуктивно!
Если ещё будут уроки для новичков, то есть такая потребность в реализации проектов для спорта. В большей степени есть интерес реализовать:
1. это турнирная таблица на 4 команды (расписание игр, дата/время, стадион, судья) + ввод результатов (счёт, ФИ забил, ФИ ассистент, минута) + статистика (Бомбардиры, ассистенты) + разумеется админка, чтобы была возможность все эти данные вводить.
2. это ПРОГНОЗЫ - пользователи регистрируются (регистрацию и авторизацию хочу подглядеть из приложения для тренировок) + дальше добавляем матч (или упражнение), на который пользователь может оставить прогноз (П1 Н П2, указать точный счёт и ещё что-нибудь). Далее админ вводит результат матча и считается статистика по прогнозам всех пользователей и показывается кто сколько за что получил баллов и кто на каком месте. [Вот это всё хочется самому сделать, надеюсь на Reacte + mysql это вполне возможно]
// Отдельно напишу предложение, не сочти за наглость) Сейчас практикуюсь на мини-играх и придумал игру мне в тему спорта: N человекам задаётся по 10 вопросов типа чёрное или белое. Далее пользователь, который зарегистрировался может в своём ЛК узнать с кем у него больше сходства из этих N человек и отвечает на те же 10 вопросов. По итогу получается сообщение с тем, с кем больше совпадений: больше общего с N5.
Большое спасибо! Как всегда - отличный урок, все лаконично, понятно!
Спасибо огромное за проделанную работу! Успехов в достижении поставленных целей!
Спасибо за работу, Владилен!
Классно! Спасибо за TS и актуальность
Спасибо за ролик, буду пересматривать. )
А можно еще React Native, пожалуйста))
У Вас безумно крутой контент🔥
Спасибо, за быстрый курс, поддерживаю комментарии про продвинутый реакт :)
ОООООО просто супер! огромное тебе спасибо за такой обзор)
Почему на кнопку простл не кинуть - setDetails(!details). По умолчанию она false оператором ! Мы меняем на true, и опять по нажатию тот же оператор сделает false. Зачем кнопку отдельно делать по смену флага???
У кого нет снипетта для React компоненты можете в пустом файле компоненты написать rafce и нажать энтер (пишу в vsCode)
Сохранил. Обязательно буду смотреть
Привет Владилен, Какие преимущества TypeScript перед JavaScript? Для меня как новичка JavaScript был бы легче...
Будем ждат тот проект от Вуе, спасибо!
Офигенный урок! Основные основы в одном месте))
Отличный курс, но Владлен пожалуйста звук. Делайте его больше, громче чтобы было. А то на полной мощности даже плохо слышно
Привет. Спасибо за видео! а как ты копировал из jsonview и вставлял объект? вроде как копирование-вставка по-прежнему является допустимым JSON. или это магия монтажа? просто интересно)
Это prettier исправил
господи, это потрясающее видео!
I haven't seen this video-tutorial yet but I want to say that you are a really cool UA-camR!
Super!
хотелось бы Advanced React TypeScript
Спасибо за материал. Доступно, наглядно и практично )
очень хорошее видео для новичка в реакт ! радует что актуально все - и версии и весь код соответсвует времени! жаль, что вы не записываете такие же курсы по vue 3 typescript
++++
Большое спасибо за курс. Еще было бы очень замечательно увидеть тайм-коды, т.к. я уверен, что еще не раз буду возвращаться к этому видео в поисках ответов.
Все очень круто!!! Спасибоб спасибо и еще раз спасибо за Ваш труд!!!!
Минин прошу сделайте курс VUE 3 + TS ….
++++
Жду
Плюсую. Такое видео от Владилена был бы топ
Сухов
+++
Круто, спасибо за качественный контент!)
Владилен, спасибо за отличный урок! ☺
Уже год как работаю, но все равно полезно зайти чекнуть твои видосики
спасибо, на одном дыхании сделал вместе с вами)
Твой курс очень помог. Спасибо!
Владилен, приветствую и благодарю за Ваш труд! Хочу сказать замечание по поводу звука: в начале ролика звук отличный, когда начинается демонстрация экрана - становится ватный и бубнящий. Нет предела совершенству - звук тоже многое значит)
Импортировать React не нужно уже с 17-ой версии, погуглил, так как на работе версия 17.
лучше всех объясняете. спасибо
можно больше таких видео !!! спасибо очень доступно
Спасибо за твой труд! (React и TypeScript)
Спасибо за урок!
Спасибо за урок! Получилось быстро продемонстрировать возможности реакта