Вопросы React Frontend Developer

Выбор зависит от типа данных и архитектуры вашего приложения. Apollo Client — это специализированное решение для работы с GraphQL API, которое предоставляет кэширование, управление состоянием запросов и подписок. Redux Toolkit — это универсальная библиотека для управления глобальным состоянием приложения, идеально подходит для сложной бизнес-логики, не связанной напрямую с сетевыми запросами. React Query (TanStack Query) фокусируется на асинхронном состоянии: кэшировании, синхронизации и обновлении данных, полученных по REST, GraphQL или другим протоколам.

Метод getBoundingClientRect возвращает объект DOMRect с координатами элемента относительно окна браузера (viewport). Он содержит свойства top, right, bottom, left, width и height. Это полезно для определения видимости элемента, анимаций или позиционирования всплывающих подсказок.

HttpClient инжектируется через конструктор сервиса с помощью механизма Dependency Injection. Для этого нужно импортировать HttpClientModule в AppModule или в standalone компоненте. Затем в сервисе объявить параметр конструктора с типом HttpClient, и Angular автоматически предоставит экземпляр.

Для отправки GET-запроса через HttpClient нужно импортировать HttpClientModule в AppModule, затем внедрить HttpClient в сервис или компонент. Вызовите метод http.get(url), который возвращает Observable. Подпишитесь на него с помощью subscribe() для получения данных или используйте async pipe в шаблоне.

При авторизации через CSR токены и логика проверки прав могут быть видны в коде на стороне клиента, что создаёт риски утечки. SSR скрывает эти детали на сервере, улучшая безопасность. Также SSR быстрее отдаёт первый контент, что важно для UX. Поэтому для критичных данных часто выбирают SSR.