DevGang
Авторизоваться

Как добавить TypeScript в проект JavaScript

Я люблю писать код. И я хочу быть в этом действительно хорош. Но почему-то написание JavaScript никогда не было моей сильной стороной.

Понимание декораторов ViewChild и ViewChildren в Angular 10

Декораторы @ViewChild и @ViewChildren в Angular обеспечивают доступ к дочерним элементам в представлении DOM по настройке просмотра запросов. Запрос представления - это запрошенная ссылка на дочерний элемент в представлении компонента, которое содержит метаданные элемента. Область применения этих декораторов ограничена представлением компонентов и его встроенными дочерними представлениями. Эти декораторы особенно полезны в случаях, когда возможность доступа к элементам в представлении и их изменения обычными способами невозможна.

Строго типизированное программирование в реальном времени с помощью TypeScript

Приложения реального времени (RTA) привлекают много внимания в последние несколько лет, и лежащие в их основе концепции могут быть использованы для упрощения разработки программного обеспечения для совместной работы. Простые чаты, игровые платформы и даже пакет документов Google используют связь в реальном времени для улучшения взаимодействия с пользователем и совместной работы. В Интернете есть множество документации о реализации сервера сокетов, рассылке сообщений от него и использовании обратных вызовов для прослушивания этих сообщений с помощью JavaScript. Однако в большинстве этих статей часто забывается, что вы можете отправить практически любой объект через сокет и что получатель может использовать это сообщение неправильно. В этой статье мы рассмотрим, как сделать связь через сокеты более безопасной и надежной. Но сначала давайте рассмотрим некоторые концепции.

Короткие пути импорта TypeScript в Angular9 

При работе с Angular импорт файлов в TypeScript - это то, что мы делаем довольно часто. Когда мы импортируем файлы из других родительских каталогов, IDE обычно разрешает пути к файлам импорта. Кроме того, когда мы создаем приложение Angular, компилятор TypeScript компилирует код и создает окончательный пакет JavaScript с помощью Webpack. Поскольку эти важные шаги выполнены, большинство из нас не будет беспокоиться об улучшении этих путей импорта.

Типы расширений в TypeScript

Создавая библиотеку TypeScript, вы неизбежно столкнетесь со сценарием, когда кто-то захочет ее расширить. В мире JavaScript это можно сделать с помощью следующего хака:

Как установить и запустить Typescript в Windows - руководство для начинающих

Typescript не работает в браузере. Он должен быть скомпилирован в обычный Javascript и находится внутри файлов с расширением .ts. Если вы хотите сначала освоиться с синтаксисом и избежать установки, вы можете использовать его онлайн, на игровой площадке, которую можно найти здесь: https://www.typescriptlang.org/play/. Способ его работы заключается в том, что вы пишете код Typescript на левой стороне и видите код, который он компилирует, на правой стороне (это работает на любой ОС, это не специфично для Windows).

Как написать тестируемый код | Методология Халила 

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

Как легко перейти с JavaScript на TypeScript 

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

TypeScript: Классы vs интерфейсы

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

Поскольку обе эти структуры определяют, как выглядит объект, обе они могут использоваться в TypeScript для наших переменных. Решение об использовании класса или интерфейса действительно зависит от нашего варианта использования: только проверка типов, подробности реализации (обычно путем создания нового экземпляра) или даже оба! Мы можем использовать классы для проверки типов и базовой реализации, тогда как мы не можем использовать интерфейс. Понимание того, что мы можем получить от каждой структуры, позволит нам принять лучшее решение, которое улучшит наш код и опыт разработчиков.

TypeScript и React с использованием create-react-app: пошаговое руководство по настройке вашего первого приложения

Из этого туториала вы узнаете, как быстро приступить к созданию приложений React с использованием TypeScript без необходимости какой-либо настройки с помощью create-react-app (CRA). Предположим, что на вашем компьютере уже установлены Node и NPM. Ваше приложение TypeScript/React будет работать сразу после установки без необходимости использовать CRA. Кроме того, вы узнаете, как создавать свои собственные компоненты и управлять props и state, используя TypeScript.

Присоединяйся в тусовку

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

Попробовать

Оплатив хостинг 25$ в подарок вы получите 100$ на счет

Получить