JavaScript и TypeScript

TypeScript. Начало работы, часть 7 из 7

Утилиты типа (utility types) позволяют легко конвертировать, извлекать, исключать типы, получать параметры типов и типы значений, возвращаемых функциями. Утилита Partial делает все свойства Type опциональными (необязательными). Утилита Required, наоборот, делает все свойства Type обязательными.

TypeScript. Начало работы, часть 6 из 7

TypeScript реализует объектно-ориентированный подход, в нем есть полноценная поддержка классов. Класс представляет шаблон для создания объектов и инкапсулирует функциональность, которую должен иметь объект. Класс определяет состояние и поведение, которыми обладает объект.

TypeScript. Начало работы, часть 5 из 7

В некоторых ситуациях переменная может представлять какой-то широкий тип — например, any или string|number. Однако при этом, нам нужно использовать переменную как значение строго определенного типа — например, как string или number. В этом случае мы можем привести переменную к нужному типу — например, к string или number.

TypeScript. Начало работы, часть 4 из 7

TypeScript является строго типизированным языком, и каждая переменная и константа в нем имеет определенный тип. При этом, в отличие от JavaScript, нельзя динамически изменить ранее указанный тип переменной. Для установки типа применяется двоеточие, после которого указывается название типа.

TypeScript. Начало работы, часть 3 из 7

Теперь настроим проект на TypeScript в редакторе VS Code. Директория проекта в корне будет содержать файлы конфигурации + директорию src для исходников и директорию build для скомпилированных файлов. Сначала нужно установить расширение ESlint для форматирования и линтинга кода.

TypeScript. Начало работы, часть 2 из 7

На самом деле, TypeScript из коробки мало чем отличается от JavaScript. Поэтому если изначально не изменить настройки проекта, то большая часть преимуществ языка не будет задействована. Если выразить смысл всей статьи одним предложением — надо открыть tsconfig.json и установить флаг strict в секции compilerOptions в значение true.

TypeScript. Начало работы, часть 1 из 7

TypeScript — типизированное надмножество JavaScript, предназначенное для выявления ошибок на этапе компиляции. Код на TypeScript компилируется в код JavaScript, который выполняется в любом браузере. Эта надстройка вокруг основного языка JavaScript дает разработчикам статическую типизацию и приведение типов.

React и Redux вместе. Часть 7 из 7

Будем дальше разрабатывать наше приложение списка задач. Потому как сейчас это трудно назвать приложением. И по ходу разработки продолжим знакомиться с RTK Query. Первым делом откажемся от использования хуков useQueryState и useQuerySubscription, а будем вместо них использовать хук useQuery.

React и Redux вместе. Часть 6 из 7

Продолжаем разговор про нормализацию и функцию createEntityAdapter. Чтобы закрепить полученные знания, напишем небольшое приложение. Это будет список постов блога с метками (тегами). Список постов получим с сервера, нормализуем данные для удобства работы, добавим возможность создавать, редактировать и удалять посты.

React и Redux вместе. Часть 5 из 7

Наше приложение списка дел работает синхронно. Каждый раз при отправке экшена — состояние немедленно обновляется. Давайте теперь создадим асинхронное приложение, которое будет использовать API JsonPlaceholder. При вызове асинхронного API, есть два ключевых момента времени — момент отправки запроса и момент получения ответа.
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.