🔥 Angular DevTools теперь поддерживает hydration debugging

⚒️ В случае ошибки hydration DevTools поможет вам найти разницу между отображаемым HTML на сервере и DOM, созданным браузером.

☑️ Hydration — это процесс, который восстанавливает отрисованные на стороне сервера приложение на клиенте. Сюда входят такие вещи, как повторное использование DOM-структур серверного рендеринга, сохранение состояния приложения, передача данных приложения, которые уже были получены сервером, и другие процессы.

#angular

🪄 Angular Signals + RxJS операторы = Магия

Простой пример комнаты чата с данными о сообщениях в реальном времени из веб-сокета. Всё это с optimistic updates о добавлении сообщений.

#angular #tip by Armen Vardanyan

💳 Подборка свежих статей

1️⃣ Кастомизация Keycloak

➡️ Для тех, кто работает с авторизацией. Покажет, почему Freemarker неудобен и как Keycloakify на React/TS упрощает кастомизацию UI.

2️⃣ Бесшовный старт в Angular

➡️ Для фронтендеров на Angular и SPA. Рецепт, как убрать «белый экран» при загрузке и сделать старт плавным.

3️⃣ Отображение четырёхмерного пространства на двухмерную плоскость

➡️ Для любителей графики и математики. Как построить и визуализировать тессеракт в WebGL.

🐸 Библиотека фронтендера

#read_watch #react #angular #js

🧠 Angular представил Web Codegen Scorer

Новый open-source инструмент от команды Angular — Web Codegen Scorer — оценивает качество AI-сгенерированного фронтенд-кода.

Он анализирует:

🧬 Читаемость и стиль

🧬 Архитектуру и согласованность

🧬 Использование HTML/CSS/JS-паттернов

🧬 «Вайб» — насколько код выглядит, как написанный человеком

ℹ️ Зачем это нужно:

AI-генерация кода растёт, но качество всё ещё «пляшет». Scorer помогает разработчикам и командам понять, насколько надёжны автогенерированные фрагменты перед ревью или деплоем.

🟡 Проект уже на GitHub, написан на TypeScript и работает локально — можно оценивать и свои сниппеты.

🔗 Ссылка на репозиторий

🐸 Библиотека фронтендера

#stack #angular