Framework.js
192 subscribers
65 photos
14 links
Канал для разработчиков Next.js, React.js, TypeScript. Полезные статьи, примеры кода, переводы статей из официальной документации.
Download Telegram
Установка TypeScript

Если вы хотите настроить TypeScript в своем проекте самостоятельно - вам поможет эта статья

Для создания React приложения с поддержкой TS воспользуйтесь официальной документацией Create React App

#статья #typescript
👍1🍌1
🍌1
🥱12🔥2👍1😱1🍌1
Тот самый парень, который прошел кучу собесов и знает все эти задачки наизусть 😅
😁11🥱6🥰1🍌1👨‍💻1
Тип any

В TypeScript также есть специальный тип any, который вы можете использовать всякий раз, когда не хотите, чтобы определенное значение вызывало ошибки проверки типов

Когда значение имеет тип any, вы можете получить доступ к любым его свойствам (которые, в свою очередь, будут иметь тип any), вызвать его как функцию, присвоить ему значение любого типа или практически все остальное, что синтаксически допустимо

ВАЖНО! Используйте тип any только в самых крайних случаях. 99% ошибок типизации при компиляции проекта можно решить стандартными инструментами TS

#typescript #базовый
👍3🤨2🍌1
useDebounce

#react
👍4👎1🍌1
Статья про использование новой системы папок в Next.JS 13

#статья #next
🔥1🍌1
🍌1
Какое значение будет в input, если ввести в него ‘a24’?
Anonymous Quiz
13%
Никакое (пустая строка)
35%
А
30%
А24
21%
Код не выполнится из-за ошибки
🤯3🥱1🍌1
Объединение типов

В TypeScript помимо стандартной типизации мы можем использовать объединения типов. С помощью знака | можно указать несколько типов для значения.

Например, функция принимает аргумент, который может быть либо строкой, либо числом. тогда ее аргумент можно типизировать как string | number (читается "строка или число").

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

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

#typescript #базовый
👍2🍌1
useHover

#react
👌2🍌2👍1💯1
Pick<Type, Keys>

Создает тип, выбирая набор свойств Keys (строковый литерал или объединение строковых литералов) из Type.

Обратите внимание: Pick очень похож на Extract, но у них есть отличие. Extract работает с Объединениями типов, а Pick работает с интерфейсами и объектными литералами

#typescript #средний
👍3🍌1