25 игровых инструментов для изменения JavaScript | Creative Bloq

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

Динамическое типирование может быть полезно при создании шаблонов, но насколько полезной она зависит от t он проект. TypeScript стремится привнести декларативный стиль программирования, набрав переменные, где разработчики считают, что это имеет смысл.

  
интерфейс Person {
  firstName: string;
  lastName: string;
}
функция greeter (person: Person): string {
  return `Hello $ {person.firstName} $ {person.lastName}`;
}

   
 Отображаются аннотации типов, где определена переменная. С объектами интерфейсы определяют структуру объекта, и тип становится ссылкой на этот интерфейс. Они могут быть расширены для создания легко настраиваемых объектов. 
  
function logger (target: any, name: String) {
  console.log (`$ {имя} оценено`);
}
класс Greeter {
@logger
  greet () {
      return `Hello, $ {this.greeting}`;
  }
}

   
 ТипScript использует экспериментальный синтаксис JavaScript как часть его системы. Например, декораторы — это функции, которые применяются к классу, методу или свойству, которые обеспечивают повторяемую функциональность. Они могут сохранить дублирование в проекте. 
 Он также компилирует существующий синтаксис, такой как классы, модули и функции стрелок, в действительные ES3 или ES5. Это можно настроить для браузеров, ориентированных на каждый проект. Когда браузеры могут поддерживать эти функции, TypeScript может быть проинструктирован о том, чтобы сохранить их, что делает полученный код более эффективным. 
 ТипScript является надмножеством JavaScript, поэтому предоставляет преимущества для языка без изменения его структуры. В результате любой JavaScript действителен для TypeScript, и любые его используемые функции являются полностью необязательными. 
 02. ESLint 
 Linting — это тип статического анализа кода, который может быть выполнен в проекте для проверки любого сценария, который может сломаться или не соответствует предпочитаемому стилю для проекта. ESLint может проверять JavaScript на наличие распространенных ошибок в дополнение к следующим популярным предопределенным наборам правил от таких компаний, как Google и Airbnb. 
 03. Prettier 
. Как и ESLint, Prettier может определить форматирование причуд. Он также идет еще на один шаг и автоматически обновляет линии нарушения от имени разработчика. Хотя это не так настраивается, Prettier больше осведомлен о окружающих контекстах и ​​будет применять только форматирование, где это имеет смысл. Он также может поддерживать другие форматы, такие как JSX. 
 04. Travis CI 
 Travis CI — инструмент непрерывной интеграции (CI). Он контролирует филиалы GitHub для любых новых коммитов и будет проводить тесты против него, чтобы убедиться, что в процессе ничего не было. Затем он может развернуть изменение или сообщить команде о любых проблемах. Travis CI является бесплатным для использования с проектами с открытым исходным кодом, где важна последовательность. 
 05. JSDoc 
 При написании сложных модулей может быть сложной задачей запомнить, как все работает. С помощью JSDoc методы могут иметь специальный код, который описывает, что они делают, любые параметры, которые они ожидают, и то, что они могут вернуть. Затем это можно обработать, чтобы создать документацию или включить редакторы, такие как VS Code, для предоставления подсказок в контексте для разработчиков. 
 Рамки 
 06. React 

 
React Sight — это Chrome-плагин, который визуализирует иерархию компонентов наряду с состоянием и реквизитами