React и TypeScript - Быстрый Курс

Поділитися
Вставка
  • Опубліковано 31 лип 2024
  • Дорожная карта и экосистема React 2024 - bit.ly/3NxXf7z
    Исходники React тут: t.me/js_by_vladilen/491
    Эксклюзивный контент в Telegram: t.me/NextgenSocialBot
    Telegram: t.me/js_by_vladilen
    Instagram: / vladilen.minin
    Roadmap по каналу:
    vladilen.notion.site/Roadmap-...
    React JS - быстрый курс 2022. В ролике так же разберем, как React работает с TypeScript

КОМЕНТАРІ • 548

  • @VladilenMinin
    @VladilenMinin  2 роки тому +124

    Вы можете поддержать выход контента и получить эксклюзивный на моем Boosty: boosty.to/vladilen

    • @slice508
      @slice508 2 роки тому +2

      Ждем урок по VUE))

    • @shoxerpetrosyan8678
      @shoxerpetrosyan8678 2 роки тому

      УДАЧИ,БУДЕМ ЖДАТЬ

    • @user-oy7vd8vz8e
      @user-oy7vd8vz8e 2 роки тому +1

      как же не хватало этого урока!! спасибо огромное, за твою работу.

    • @Hacking-NASSA-with-HTML
      @Hacking-NASSA-with-HTML 2 роки тому

      Благодарю от всей души, Владилен!
      Очень интересно смотреть и повторять 🙂👍

    • @KeskilChnProgram
      @KeskilChnProgram Рік тому

      Как узнать обновления react?

  • @mikhailpetrunenko6472
    @mikhailpetrunenko6472 2 роки тому +9

    Только собирался искать видео по этому стеку и сразу твоё видео выходит, спасибо тебе огромное за твой труд!

  • @user-gn5th5gt2w
    @user-gn5th5gt2w 2 роки тому +1

    Очень рад, что нашел этот курс. Все непонятки решены, все по полочкам. Проект допилю с переходом на страницу товара. Спасибо, Владилен!

  • @astronaut017
    @astronaut017 2 роки тому +30

    Ого!!! Как раз это изучаю! Спасибо за твой труд! 🔥🔥🔥

  • @johnjohhoun1716
    @johnjohhoun1716 Рік тому +24

    59:00 Создание кастомного хука
    1:03:30 модальное окно, работа с кастомными компонентами, формой
    1:08:00 форма
    1:29:50 Context
    1:35:35 Routing

  • @user-wz8jd9ud9f
    @user-wz8jd9ud9f 2 роки тому +10

    Сижу и радуюсь, как ребенок, что наконец начал продвигаться и учить что-то крутое, новое в своем любимом деле

  • @romanriezanov1704
    @romanriezanov1704 2 роки тому +16

    Спасибо! Благодаря тебе попал в компанию 4 месяца назад. Сейчас просто же смотрю твои видеоролики для повторения и для самореализации. Продолжай в том же духе!!

  • @user-en4cc9jg5c
    @user-en4cc9jg5c Рік тому +2

    Это именно то, что внезапно стало надо! И именно на TypeScript! Спасибо огромное! Актуальнейшая информация!

  • @user-cp6cq8cx6m
    @user-cp6cq8cx6m Рік тому

    Как всегда супер полезное и понятное видео! Спасибо Владилен!!! Очень нравится ваш спокойный голос и внятная речь :)

  • @nikolay6143
    @nikolay6143 Рік тому +124

    Владилен, спасибо за материал - очень полезно.
    Для меня лично было полезно:
    1) npm должен быть для такой установки выше 14 версии
    2) event: React.KeyboardEvent эта строчка выдаёт ошибку, надо заменить тип ивента на event: React.ChangeEvent
    3) быстрое создание компонента в vscode - rfc (сработает авто комплит) ну или поставить расширение со сниппетами для реакта

    • @user-gy5lg4vp9i
      @user-gy5lg4vp9i Рік тому +13

      как раз вот застрял на KeyBoardEvent))) Спасибо)

    • @RobienGolden
      @RobienGolden Рік тому +3

      Дай бог тебе здоровья, дружище. Особенно за последние 2 пункта, как будто бы на 2 недели вперед мои вопросы прочел)

    • @user-id2cs9mw2w
      @user-id2cs9mw2w Рік тому +2

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

    • @user-tj7nh1ty7q
      @user-tj7nh1ty7q Рік тому +3

      А я на stackoverflow сам нашел))

    • @magomrak6837
      @magomrak6837 Рік тому +1

      Спасибо, благодаря вам не пришлось тратить время на самостоятельные поиски.

  • @user-wq9oy7hx6z
    @user-wq9oy7hx6z Рік тому +7

    Владилен, в который раз скажу спасибо! Отдельная благодарность за формат "быстрый курс" - прям очень кстати, когда надо не изучить с нуля, а вспомнить по-быстрому - это прям идеально! А еще "свежачок" - я в восторге!

  • @polskolg
    @polskolg 2 роки тому +3

    Спасибо тебе и твоей команде! TS прям супер то, что надо

  • @rusik_kroller
    @rusik_kroller 2 роки тому +5

    Огромное спасибо за контент, Владилен 🙏

  • @user-rk1lb6zc3z
    @user-rk1lb6zc3z 2 роки тому +1

    Лучший обучающий канал по программированию с самым понятным объяснением. Огромное спасибо за вашу работу!

  • @lLoseControll
    @lLoseControll 2 роки тому +1

    Очень ждал данный курс, большое спасибо!

  • @Sergio-gr6ro
    @Sergio-gr6ro 2 роки тому +2

    Шикарно!
    Залпом потом пройду react стек 2022, angular и этот видос. Капец, столько вкусностей!
    Спасибо!

  • @uaplatformacomua
    @uaplatformacomua Рік тому +1

    Отличный урок!!! Спасибо огромное! Благодаря этому уроку я наконец-то познакомилась с Реактом!!! Просто супер! Все абсолютно понятно

  • @litan1845
    @litan1845 2 роки тому +1

    Очень классно. Несколько месяцев назад смотрел похожий урок по react, но без остальных технологий (tailwindsCss, typescript), а так же он был немного устарелый и не везде уже тот код работал, пришлось ещё самому копаться чтобы понять что не так. После чего я занялся вёрсткой и обычными элементами по типу модальных окон, Аккордионов на чистом js. Сейчас всему этому научился, решил взяться снова за реакт и твой урок очень помог освежить память и также освоить новую технологию TailwindsCss и подтянуть Typescript, на нем у меня опыта тоже не было, только твой урок по Typescript глянул несколько раз в свободное время. В общем - спасибо большое!

  • @apsolution4722
    @apsolution4722 2 роки тому +3

    Большое спасибо за качественный контент, Владилен. Жду таймкоды, буду пересматривать)

  • @parnasmi
    @parnasmi 2 роки тому +1

    Не успеваем досмотреть выпуски от Владилена. Владилен, ты ТОП!

  • @sh0ny
    @sh0ny Рік тому

    Вот ролики Владилена оч заходят , тембр стиль и скорость подачи информации . Супер как всегда !

  • @hobbi-mebel
    @hobbi-mebel 2 роки тому

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

  • @rudi-rx5xb
    @rudi-rx5xb 2 роки тому

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

  • @Oksan4ik1
    @Oksan4ik1 Рік тому

    Огромное вам спасибо за видео! Поняла всё с 1 раза, что для меня удивительно. Очень просто и понятно)

  • @levndev
    @levndev 2 роки тому

    Вот это турбо-подача и в конце с контекстом прям финальный аккорд, добивающий мозг. Респект! х)

  • @uchqun3439
    @uchqun3439 2 роки тому +1

    Офигенный получился урок, особенно обрадовался за роутер -6, спасибо огромное за работу

  • @AndranikArshakyan
    @AndranikArshakyan 2 роки тому

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

  • @dmitryram3163
    @dmitryram3163 2 роки тому +17

    Красавчик! Спасибо тебе за то, что ты делаешь!

  • @andrewdebysh6007
    @andrewdebysh6007 2 роки тому

    Владилен, огромное спасибо за Ваш материал!!! Спасибо, друже!!!

  • @aleksandrglebik8033
    @aleksandrglebik8033 Рік тому

    Большое спасибо! Как всегда - отличный урок, все лаконично, понятно!

  • @vadimkiryanov4933
    @vadimkiryanov4933 2 роки тому +2

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

  • @e_viskhan
    @e_viskhan Рік тому

    Благодарю за ролик без лишнего шума в виде музыки, за это поставил лайк.

  • @larisaplatova1644
    @larisaplatova1644 Рік тому

    Владилен, большое спасибо.
    Очень доходчиво преподносите информацию.

  • @user-xm2yp8rw8v
    @user-xm2yp8rw8v 2 роки тому +18

    Владилен, спасибо за работу! Я знаю ты очень щепетильно относишься к мелочам и тех вопросам, поэтому обрати внимание на звук, уровень его можно поднять. Я знаю микрофон у тебя хороший 👍! Контент топ!

    • @Vasyl_
      @Vasyl_ Рік тому +7

      Поддерживаю! Звук надо апать

  • @restsheets2962
    @restsheets2962 Рік тому

    Если честно, то практически не знаю js, но всё было достаточно понятно + ты показал даже работу с бэком. Очень круто

  • @user-gz7zr8ue1j
    @user-gz7zr8ue1j 2 роки тому +4

    Вы так хорошо объясняете, благодаря вам путь к становлению junior frontend приятный и очень эффективный.
    Спасибо

    • @user-gn1jl9sg8h
      @user-gn1jl9sg8h 8 місяців тому +1

      ты стал фронтендером или нет ?

  • @nekom112
    @nekom112 2 роки тому

    Спасибо за работу, Владилен!

  • @Kymuch
    @Kymuch Рік тому

    Спасибо Владилен, смотрю на одном дыхании

  • @r3dkin
    @r3dkin Рік тому

    Дякую за відео🙏 Було цікаво подивитись😊

  • @OlegGuitar
    @OlegGuitar 2 роки тому

    Ля лучший бро! Спасибо тебе, и успехов!!!

  • @serious_psychologist
    @serious_psychologist 2 роки тому +5

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

  • @slava_tfdf
    @slava_tfdf Рік тому

    Благодарю за подобные видео. Помогают в изучении!

  • @user-xu9tb7oe2z
    @user-xu9tb7oe2z 2 роки тому +1

    Офигенный урок! Обожаю React+Typescript

  • @sergeyfrantsev4449
    @sergeyfrantsev4449 Рік тому

    ОООООО просто супер! огромное тебе спасибо за такой обзор)

  • @kirillkhvorikov9470
    @kirillkhvorikov9470 2 роки тому

    Круто, спасибо за качественный контент!)

  • @Jakarta56
    @Jakarta56 2 роки тому

    Спасибо за ролик, буду пересматривать. )

  • @cache_d
    @cache_d Рік тому

    Спасибо за материал. Доступно, наглядно и практично )

  • @user-ym9mk3se3q
    @user-ym9mk3se3q Рік тому

    Большое спасибо, невероятно, очень продуктивно!

  • @PreLeks
    @PreLeks Рік тому

    Просто крутяк!!! Шикарно!!!

  • @user-lx5vv3uu8u
    @user-lx5vv3uu8u 2 роки тому +2

    Владилен, огромное тебе спасибо!!!!!

  • @andreev.frontend
    @andreev.frontend 2 роки тому

    Офигенный урок! Основные основы в одном месте))

  • @MgsMen
    @MgsMen 2 місяці тому

    Спасибо мужик !
    Практические курсы это самый топ

  • @alesialabocka1021
    @alesialabocka1021 2 роки тому

    Спасибо, за быстрый курс, поддерживаю комментарии про продвинутый реакт :)

  • @yansobol9529
    @yansobol9529 2 роки тому

    Огромное спасибо за отличный контент!

  • @gusbr4851
    @gusbr4851 2 роки тому

    спасибо, на одном дыхании сделал вместе с вами)

  • @Ramosok
    @Ramosok 2 роки тому

    Супер, спасибо!! Классное видео!

  • @happydamage2614
    @happydamage2614 2 роки тому

    Твой курс очень помог. Спасибо!

  • @Mari-Mariia
    @Mari-Mariia 9 місяців тому

    Владилен, спасибо за отличный урок! ☺

  • @user-ec3ph6vs9z
    @user-ec3ph6vs9z 2 роки тому

    Наконец обновленный видос по реакту!)

  • @rslazamat
    @rslazamat 2 роки тому

    Вот это контент!!! Очень круто, пасибо

  • @antononoprienko9027
    @antononoprienko9027 2 роки тому

    Круто! Урок очень понравился после урока по ангулар, вначале сам делал потом смотрел как нужно! Не сделали только что бы таргет автоматически был на инпут после открытия модального окна!

  • @alexanderkomanov4151
    @alexanderkomanov4151 2 роки тому

    Классно как всегда!!! Спасибо!

  • @oleglabunin
    @oleglabunin Рік тому

    Спасибо за контент! Полезно! Интересно!💥

  • @protonys
    @protonys Рік тому

    Очень толковая подача, спасибо

  • @haibova_irisha
    @haibova_irisha 2 роки тому

    можно больше таких видео !!! спасибо очень доступно

  • @GGSoft2009
    @GGSoft2009 Рік тому

    Все очень круто!!! Спасибоб спасибо и еще раз спасибо за Ваш труд!!!!

  • @zakiro4277
    @zakiro4277 Рік тому +42

    1:16:24
    event: React.KeyboardEvent
    выдает ошибку, попробуйте написать
    event: React.ChangeEvent

    • @user-lq1mm2tn5v
      @user-lq1mm2tn5v Рік тому

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

    • @zakiro4277
      @zakiro4277 Рік тому +1

      @@user-lq1mm2tn5v 😉👍

    • @hesabdar6952
      @hesabdar6952 Рік тому +1

      Спасиб тебе добрый человек. ))

    • @zakiro4277
      @zakiro4277 Рік тому +2

      Пожалуйста ) желаю всем побыстрее стать программистами)

    • @gros_chat_noir
      @gros_chat_noir Рік тому +1

      Спасибо, но почему так? Почему у Владилена работало, а у меня выдавало что value не существует, пока не исправил на то, что вы прислали?

  • @uaplatformacomua
    @uaplatformacomua 8 місяців тому +1

    Классный курс, спасибо, самый лучший курс по Реакту

  • @nailfah
    @nailfah Рік тому

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

  • @user-kn3ut1sh2o
    @user-kn3ut1sh2o 2 роки тому

    Спасибо за твой труд! (React и TypeScript)

  • @nikolassmakovsky4032
    @nikolassmakovsky4032 2 роки тому

    Очень крутой урок! Огромное спасибо!

  • @Dendor3519
    @Dendor3519 7 місяців тому

    Классно! Спасибо за TS и актуальность

  • @a.s.scherba
    @a.s.scherba Рік тому

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

  • @Ghost-wk1cb
    @Ghost-wk1cb Рік тому

    Владилен, большое спасибо!!!👍

  • @davidkhankhadjayev8307
    @davidkhankhadjayev8307 Рік тому +1

    очень полезный урок для тех кто не много подзабыл React js и не писал код последние 5 месяцев

  • @vladpoleshyk6814
    @vladpoleshyk6814 17 днів тому

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

  • @user-eq6cx7eu2d
    @user-eq6cx7eu2d 2 роки тому

    Отличное видео, спасибо за труд

  • @qnaraqochkanyan175
    @qnaraqochkanyan175 Рік тому

    Спасибо большое , очень все понравилось и получилось !!!

  • @user-lv4dn6bc9l
    @user-lv4dn6bc9l Рік тому

    Очень полезный видос! Спасибо тебе!!

  • @mourat9833
    @mourat9833 2 роки тому

    Сохранил. Обязательно буду смотреть

  • @alexalexeev227
    @alexalexeev227 2 роки тому

    видео супер - все по делу и понятно 👍👍👍✌✌

  • @user-lm1rn5lc2z
    @user-lm1rn5lc2z Рік тому

    Спасибо! Хороший урок! 👍👍👍

  • @elmirhuseynov6624
    @elmirhuseynov6624 Рік тому

    Замечательный курс, Спасибо!

  • @ScreamlessYT
    @ScreamlessYT 2 роки тому

    Владилен, ты что охренел?!! Почему так круто?!!

  • @VitalyKuznetsov-kd7wp
    @VitalyKuznetsov-kd7wp Рік тому

    Шикарное видео!

  • @Kavrizhka
    @Kavrizhka 2 роки тому

    Супер🔥🔥🔥Спасибо👍👍👍

  • @user-uq7jo6tm8z
    @user-uq7jo6tm8z Рік тому

    Уже год как работаю, но все равно полезно зайти чекнуть твои видосики

  • @ruslankashapov5443
    @ruslankashapov5443 2 роки тому

    Спасибо, Владилен!!!

  • @learningit2572
    @learningit2572 2 роки тому +28

    Огромная тебе благодарность за твой труд. Очень хочется разобраться с реактом.редаксом.тайпскриптом. Благодаря тебе это будет быстрее. Учу уже год фронт. Уверен после войны мы все трудоустроимся. Молимся за Мир во всем Мире.

    • @maximsfamily3965
      @maximsfamily3965 Рік тому +3

      Тоже уже год топчусь на месте

    • @user-th4qi8iv3q
      @user-th4qi8iv3q Рік тому

      как успехи

    • @learningit2572
      @learningit2572 Рік тому

      @@user-th4qi8iv3q на стажировке, все получается

    • @learningit2572
      @learningit2572 Рік тому

      @@user-th4qi8iv3q на не комерческом проекте бесплатно работаю

    • @user-th4qi8iv3q
      @user-th4qi8iv3q Рік тому

      @@learningit2572 Почему так?

  • @pitbrest
    @pitbrest Рік тому +2

    Только начал изучать, первые 45 мин перед сном это просто офигенный контент, спасибо за твой труд!

    • @shu3xst215
      @shu3xst215 Рік тому +1

      Я вот недавно начал изучать, как у вас прогресс проходит, пытались ли вы делать свои проекты? если да подскажите с какого проекта начать

    • @ToyhonaUz
      @ToyhonaUz Рік тому +4

      Ребята. Полностью и слепо повторять за автором не стоит. Язык стремительно развивается, не угонишься, много нового появляется и то что было пол года - год назад, на сегодняшний день становится не корректным, выдает ошибки.
      К примеру ранний урок "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 Автор мой первый "учитель". Все его уроки смотрю и изучаю с большим удовольствием.

    • @igormaksymiv113
      @igormaksymiv113 Рік тому

      @@ToyhonaUz как я намучился с этими обновлениями) именно на эти ошибках в роутере. Но зато теперь закрытыми глазами напишу роутинг по новых правилах)

  • @STRIPPEDSTAR
    @STRIPPEDSTAR 2 роки тому

    Спасибо, Владлен)

  • @leonidmamashvili4212
    @leonidmamashvili4212 Рік тому

    Спасибо огромное!
    Очень легко и понятно можно перейти из Angular

  • @user-xs8ty9dg5s
    @user-xs8ty9dg5s Рік тому

    Спасибо вам большое за видео!!!

  • @ruslanorozobaev7082
    @ruslanorozobaev7082 2 роки тому

    Лайк не глядя)

  • @apkartas7416
    @apkartas7416 Рік тому

    спасибо! отличное видео!

  • @vladimir5434
    @vladimir5434 2 роки тому

    Владилен, красава👍

  • @duoduoo6732
    @duoduoo6732 Рік тому

    лучше всех объясняете. спасибо

  • @user-iw7wr5yk1d
    @user-iw7wr5yk1d Рік тому

    Большое спасибо за урок Владелин

  • @evgedoo
    @evgedoo Рік тому

    Это супер виде,спасибо огромное 🎉

  • @cosmoskate
    @cosmoskate 2 роки тому +10

    А можно еще React Native, пожалуйста))
    У Вас безумно крутой контент🔥