БлогВойти

Курс React + Typescript

Вводный курс по изучению React и Typescript, а также современные фичи (Local Storage, (React Router 6) и др.)

Получить курс

Обзор курса React + Typescript

  • Курс React Typescript предназначен для начинающих разработчиков, которые хотят научиться использовать React в связке с Typescript.
  • Наш вводный практический курс - создание небольшого проекта на React, где мы используем различные технологии (хуки, маршрутизация, localStorage и др.) вместе с Typescript.
  • Начало курса посвящено основам Typescript. Мы детально разбираемся, как создавать и использовать типы для различных сущностей (переменные, объекты, функции и др.)

Что мы будем создавать?

Список видео-уроков

  • 1. Что мы будем делать
    02:57
  • 2. Структура проекта и установка
    03:21
  • Основы Typescript
    3. Создаем типы для переменных
    03:20
  • 4. Создаем типы для объектов и используем объединения
    05:10
  • 5. Используем typescript с функциями
    05:39
  • 6. Используем type и interface для создания и расширения типов
    06:37
  • Создание и сохранение пиццы
    7. Первый компонент App
    01:42
  • 8. Форма создания пиццы
    09:40
  • 9. Получаем данные из формы
    02:51
  • 10. Состояние для хранения пицц и модель пиццы
    02:38
  • 11. Сохраняем новую пиццу в состоянии
    07:08
  • Отображение пиццы
    12. Компонент display pizzas
    03:22
  • 13. Карточка пиццы
    06:14
  • Редактирование свойств пиццы
    14. Форма редактирования пиццы
    06:53
  • 15. Сохраняем обновленные свойства каждой пиццы
    06:48
  • 16. Удаление пиццы
    04:31
  • Local Storage в React
    17. Как работает Local Storage
    03:43
  • 18. Local Storage в React
    07:49
  • React Router 6 - навигация по страницам
    19. Установка React Router
    02:47
  • 20. Создаем главную страницу и страницу каждой пиццы
    03:49
  • 21. Создаем маршруты
    04:29
  • 22. Компонент страницы каждой пиццы
    05:50
  • 23. Отображаем данные из Local Storage на странице каждой пиццы
    06:30

    • Зачем использовать Typescript?

    Сегодня практически все коммерческие проекты на React используют Typescript. Это позволяет избавить код проекта от множества багов. Благодаря Typescript, код проекта легче поддерживать и читать.

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

    Typescript моментально подсветит подобные ошибки на этапе написания кода.

    Таким образом, используя Typescript мы получаем возможность создавать приложения, используя типизированную версию JavaScript.

    Научись использовать React и его фичи вместе с Typescript

    Оформить Бесплатно
    Доступ к материалам курса после регистрации!
    0 ₽
    Оформить