Kitobdan iqtiboslar React и TypeScript: Практическое руководство. Быстрый стартmuallif Ирина Кириченко
предоставляет широкий спектр официальных инструментов, включая React DevTools
React использует виртуальную DOM, что позволяет эффективно обновлять только те части интерфейса, которые изменились, вместо перерисовки всего дерева DOM.
С помощью TypeScript можно определить типы данных для компонентов, состояния, пропсов
TypeScript — это язык программирования, который расширяет язык JavaScript, добавляя статическую типизацию. Это позволяет определять типы данных для переменных, параметров функций и других объектов в коде
Методы жизненного цикла — это специальные функции, предоставляемые React, которые вызываются автоматически на различных этапах развития компонента. Эти методы позволяют встраивать логику и выполнить определенные действия в разные моменты времени, когда компонент создается, обновляется или удаляется. Таким образом, методы жизненного цикла компонента предоставляют разработчикам управление процессами и позволяют выполнять различные задачи в зависимости от текущего состояния компонента.
Пропсы (props) представляют собой механизм, с помощью которого компоненты React могут принимать данные и настраиваться извне.
Рефакторинг (refactoring) — это процесс улучшения структуры и качества кода программы без изменения её внешнего поведения. Основная цель рефакторинга — упростить код, сделать его более понятным, поддерживаемым и расширяемым, устранить дублирование кода и уменьшить технический долг
Компонентный подход. React строится на компонентах, что способствует упорядоченности кода и его разбиению на небольшие модули.
React позволяет выполнять серверный рендеринг, что улучшает SEO и производительность веб-приложений.
{
«compilerOptions»: {
«target»: «es5»,
«lib»: [
«dom»,
"dom.iterable»,
«esnext»
],
«allowJs»: true,
«skipLibCheck»: true,
«esModuleInterop»: true,
«allowSyntheticDefaultImports»: true,
«strict»: true,
«forceConsistentCasingInFileNames»: true,
«noFallthroughCasesInSwitch»: true,
«module»: «esnext»,
«moduleResolution»: «node»,
«resolveJsonModule»: true,
«isolatedModules»: true,
«noEmit»: true,
«jsx»: «react-jsx»
},
«include»: [
«src»
]
}