Установка TypeScript
Если вы хотите настроить TypeScript в своем проекте самостоятельно - вам поможет эта статья
Для создания React приложения с поддержкой TS воспользуйтесь официальной документацией Create React App
#статья #typescript
Если вы хотите настроить TypeScript в своем проекте самостоятельно - вам поможет эта статья
Для создания React приложения с поддержкой TS воспользуйтесь официальной документацией Create React App
#статья #typescript
👍1🍌1
🥱12🔥2👍1😱1🍌1
Тип any
В TypeScript также есть специальный тип
Когда значение имеет тип
ВАЖНО! Используйте тип
#typescript #базовый
В TypeScript также есть специальный тип
any
, который вы можете использовать всякий раз, когда не хотите, чтобы определенное значение вызывало ошибки проверки типовКогда значение имеет тип
any
, вы можете получить доступ к любым его свойствам (которые, в свою очередь, будут иметь тип any
), вызвать его как функцию, присвоить ему значение любого типа или практически все остальное, что синтаксически допустимоВАЖНО! Используйте тип
any
только в самых крайних случаях. 99% ошибок типизации при компиляции проекта можно решить стандартными инструментами TS#typescript #базовый
👍3🤨2🍌1
Какое значение будет в input, если ввести в него ‘a24’?
Anonymous Quiz
13%
Никакое (пустая строка)
35%
А
30%
А24
21%
Код не выполнится из-за ошибки
🤯3🥱1🍌1
Объединение типов
В TypeScript помимо стандартной типизации мы можем использовать объединения типов. С помощью знака
Например, функция принимает аргумент, который может быть либо строкой, либо числом. тогда ее аргумент можно типизировать как
В примере на картинке показан один из самых крутых способов использования объединений. Когда мы точно знаем значения, которые может принять переменная (например, код ошибки, статус загрузки, код страны), типизировать такую переменную можно с помощью объединения со строгими значениями (не с типами).
Таким образом, мы встраиваем в наш код автоматическую проверку не только типов, но и точных значений.
#typescript #базовый
В TypeScript помимо стандартной типизации мы можем использовать объединения типов. С помощью знака
|
можно указать несколько типов для значения. Например, функция принимает аргумент, который может быть либо строкой, либо числом. тогда ее аргумент можно типизировать как
string | number
(читается "строка или число"). В примере на картинке показан один из самых крутых способов использования объединений. Когда мы точно знаем значения, которые может принять переменная (например, код ошибки, статус загрузки, код страны), типизировать такую переменную можно с помощью объединения со строгими значениями (не с типами).
Таким образом, мы встраиваем в наш код автоматическую проверку не только типов, но и точных значений.
#typescript #базовый
👍2🍌1
Pick<Type, Keys>
Создает тип, выбирая набор свойств
Обратите внимание: Pick очень похож на Extract, но у них есть отличие. Extract работает с Объединениями типов, а Pick работает с интерфейсами и объектными литералами
#typescript #средний
Создает тип, выбирая набор свойств
Keys
(строковый литерал или объединение строковых литералов) из Type
.Обратите внимание: Pick очень похож на Extract, но у них есть отличие. Extract работает с Объединениями типов, а Pick работает с интерфейсами и объектными литералами
#typescript #средний
👍3🍌1
Для чего используется Context API в React?
Anonymous Quiz
79%
Для передачи данных во многие компоненты на любом уровне вложенности
9%
Для передачи данных напрямую в один конкретный компонент
5%
Для рендера группы компонентов внутри определенного элемента DOM
7%
Для взаимодействия компонентов с сервером (организация REST запросов)
🥱4👍1