React и TypeScript: Практическое руководство. Быстрый старт

Примечания

1

Пропсы (props) представляют собой механизм, с помощью которого компоненты React могут принимать данные и настраиваться извне.

2

IDE (Integrated Development Environment) – программное обеспечение, предназначенное для разработки, отладки и управления кодом при создании программных приложений.

3

Рефакторинг (refactoring) – это процесс улучшения структуры и качества кода программы без изменения её внешнего поведения. Основная цель рефакторинга – упростить код, сделать его более понятным, поддерживаемым и расширяемым, устранить дублирование кода и уменьшить технический долг

4

ECMAScript (или сокращенно ES) – это стандартный набор правил, по которым описывается язык JavaScript. Он включает в себя синтаксис, типы данных, ключевые слова и другие элементы, необходимые для написания программ на JavaScript.

5

DOM – это структурное представление веб-страницы или документа в виде иерархии объектов, которое браузер использует для представления и манипуляции содержимым веб-страницы

6

JSX – это специальный синтаксис, используемый в React (и некоторых других библиотеках), который объединяет структуру и стили, а также язык гипертекстовой разметки (HTML) в одном файле.

7

однонаправленный поток данных (One-Way Data Flow) – это концепция, которая описывает способ передачи данных и управления состоянием в приложении, предполагая, что данные в приложении двигаются только в одном направлении, обычно от родительских компонентов к дочерним.

8

Серверный рендеринг (Server-Side Rendering, SSR) – это метод разработки веб-приложений, при котором генерация HTML-кода для веб-страницы происходит на сервере, а не на стороне клиента (в браузере). Вместо того чтобы браузер загружал пустую HTML-страницу и затем заполнял ее данными и контентом с использованием JavaScript, при SSR сервер отправляет полностью готовую к отображению веб-страницу.

9

React DevTools – это расширение для браузера и набор инструментов, предназначенных для отладки и анализа приложений, разработанных с использованием библиотеки React.

10

Create React App (CRA) – это инструмент командной строки, который упрощает создание, настройку и развертывание проектов, основанных на React.

11

.tsx обозначает файлы, содержащие код на языке TypeScript с использованием синтаксиса JSX.

12

Продакшен-сборка (production build) – это версия вашего программного продукта, предназначенная для развертывания и использования в реальной эксплуатационной среде.

13

Type Assertion (также известное как Type Casting) – это способ в языке TypeScript явно указать компилятору, какой тип данных должен быть присвоен переменной или выражению. Это позволяет переопределить или уточнить тип данных, который TypeScript выводит автоматически, когда это необходимо.

14

TypeScript-компилятор – это инструмент, предоставляемый TypeScript, который преобразует исходный код, написанный на TypeScript, в эквивалентный JavaScript-код.

15

Зависимости (Dependencies) в React и TypeScript проекте представляют собой сторонние библиотеки, модули и ресурсы, которые проект использует для выполнения определенных функций.

16

Пакетный менеджер (Package Manager) – это инструмент, используемый в разработке программного обеспечения для управления зависимостями и пакетами, необходимыми для проекта. Он позволяет разработчикам легко устанавливать, обновлять, удалить и управлять библиотеками и модулями, которые используются в их приложениях.

17

Структура проекта (Project Structure) – это организация и распределение файлов, папок и ресурсов внутри программного проекта.

18

Репозиторий (Repository) – это хранилище данных, которое используется для сохранения, управления и отслеживания версий файлов и компонентов в рамках проекта разработки программного обеспечения.

19

Гидратация существующего серверного рендеринга означает, что когда веб-страница создается на сервере и отправляется на ваш компьютер, она уже содержит часть информации о том, как должен выглядеть интерфейс.

20

React Hooks – это функции, предоставляемые библиотекой React, которые позволяют добавлять состояние и другие возможности React в функциональные компоненты.

21

Инкапсуляция – это упаковка данных и методов, работающих с этими данными, в единый объект (класс или модуль), и скрытие деталей реализации от внешнего мира. Это позволяет ограничить доступ к данным и методам объекта, предоставив только определенный интерфейс (публичные методы и свойства) для взаимодействия с ним.