Це відео не доступне.
Перепрошуємо.

React + Typescript за 40 минут. Типизируем axios redux и redux tool kit.

Поділитися
Вставка
  • Опубліковано 4 сер 2024
  • Всем привет, на связи WebStack - Frontend и в этом ролике мы познакомимся с Typescript. Освоим все базовые понятия. И узнаем, как быстро перевести свое приложение на Typescript
    Таймкоды:
    00:00 | Вступление
    01:20 | Инициализируем React typescript проект
    02:00 | Основные инструменты typescript
    04:50 | Типизируем пропсы React компоненты
    12:20 | Типизируем хук useState
    14:55 | Что такое enum
    21:21 | Типизируем хук useRef
    24:24 | Типизируем колбэки
    27:40 | Типизируем переменные
    28:50 | Устанавливаем axios и типизируем запросы. Utility типы
    38:18 | Типизируем redux tool kit
    43:20 | Типизируем классический redux reducer
    47:00 | Улучшаем типизацию useDispatch
    49:40 | Итоги
    Поддержать канал:
    boosty.to/webstack-fe
    Репозиторий с проектом:
    github.com/vosdux/Rugram-yout...
    Чат где можно задать мне вопросы и пообщаться с другими начинающими фронтендерами:
    t.me/+0FWmXELauK44NjRi
    Наш Discord сервер:
    / discord

КОМЕНТАРІ • 43

  • @user-sp8ty2ol8m
    @user-sp8ty2ol8m 2 місяці тому +1

    Насколько же тут всё отлично подано, прекрасный канал нашёл

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

    Зашёл после видео про MobX, сразу лайк автоматом. У тебя хорошая подача, благодарю!

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

    Спасибо большее. Все было очень доходчиво и быстро передано!!!

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

    Это одно из лучших видео по Typescript. Очень доходчиво, без воды, по сути при этом разжевано сразу когда возникал бы вопрос. +1 подписчик!

  • @user-qv1vw3rg3z
    @user-qv1vw3rg3z 10 місяців тому +1

    Самый лучший канал про frontend в русскоязычном ютубе, автор супер!

  • @Roman-qr4xg
    @Roman-qr4xg Рік тому +3

    Отличное видео, без воды, всё доступно и главное на практике.Спасибо!

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

    Два чая этому господину!

  • @andrewsam224
    @andrewsam224 7 місяців тому +1

    Интересненько......

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

    Пока это самый годный урок на канале, большое спасибо!

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

    Кайфую с тайпскрипта, спасибо 🔥

  • @hobbi-mebel
    @hobbi-mebel Рік тому +1

    Спасибо за информацию! Отличная подача, многое для себя прояснил. Подписка.

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

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

  • @hobbi-mebel
    @hobbi-mebel 9 місяців тому +1

    Классное видео! Коротко, без воды, все по делу! Автору респект.

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

    Классная подача. Очень много узнал полезного

  • @RamaRama-qv3jo
    @RamaRama-qv3jo Рік тому +1

    Спасибо!

  • @RamaRama-qv3jo
    @RamaRama-qv3jo Рік тому +1

    Отличное видео, ещё раз спасибо! Хотелось бы попросить автора, учитывать просмотр с мобильных устройств и планшетов в своих видео, довольно мелко и при этом в демонстрации много пустого места. При монтаже код можно увеличить выделив самое важное в текущий момент.

    • @webstack-frontend1697
      @webstack-frontend1697  Рік тому

      Спасибо за поддержу!
      Учту замечания, постараюсь исправить

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

    Спасибо за видео. До этого ломал голову над тем, откуда разраб узнает тип ивентов вроде ChangeEvent

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

    Про pick и omit не знал, постоянно искал что-то подобное, чтобы, по сути, не дублировать интерфейсы, плохо искал получается, спасибо

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

    sps brat udace

  • @MrEmil-cf8wo
    @MrEmil-cf8wo Рік тому +1

    Привет классное видео! сейчас переношу spa на next столкнулся с проблемой reduxtoolkit , кто то вооще говорит удалить redux с проекта, есть ли вариант записать видео на эту тему?) про стейт менеджер в next

    • @webstack-frontend1697
      @webstack-frontend1697  Рік тому

      Привет. Честно говоря в ближайших планах нет, так как я сам не спец по next

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

    41:01 (value: string) => boolean можно по подробнее почему при входных параметрах строки мы получим буль?
    p.s автору огромное спасибо. Я учил тс по документации, и никак не мог понять работу Picker и т.д. Спасибо🙏

    • @webstack-frontend1697
      @webstack-frontend1697  Рік тому

      Ну это был абстрактный пример. Но можно представить вот так: это функция, которая принимает строку и возвращает true если в ней четное количество символов и false, если не четное. Спасибо вам за отзыв!

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

    Когда типизируешь в аксиосе запрос, например то чего хочешь получить, то это по большому счету только для того, чтобы работал автокомплит получаемых данных, а по факту что потом с сервера придет, то это проконтролировать невозможно же? Тоесть если в типе есть поле name, но на сервере переименовали его в title, то при запуске кода, он ломается по факту?

    • @webstack-frontend1697
      @webstack-frontend1697  Рік тому +1

      Да, здесь вы верно подметили. Но есть специальные библиотеки для валидации данных пришедших с бэка, которые отлавливают такой кейс. В одном из следующих роликов разберу это

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

      @@webstack-frontend1697 спасибо, ждемс)

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

    с rab2 порвало

  • @bonaquazone7718
    @bonaquazone7718 10 місяців тому +1

    Все отлично только не компонента, а компонент - как же режет слух 😁🙂 (ps tab - отступ, мужской род, а не таба, не Хреф а href (эйчреф хотя бы) и тд)

    • @webstack-frontend1697
      @webstack-frontend1697  10 місяців тому

      Спасибо за поддержку, это не плохое знание русского и английского языка, а некий сленг, к которому я привык. Это из разряда питон и пайтон

  • @true227
    @true227 Місяць тому +1

    искал медь, а нашёл золото...

  • @user-hy5km6ce5j
    @user-hy5km6ce5j Рік тому +1

    Тайп скрипт изи,разобрался за бутылкой пива