Последние годы CSS взорвался новинками! 💥 Среди них — фичи, которые меняют подход к вёрстке и уже поддерживаются всеми современными браузерами. Эта шпаргалка — наш топ CSS-инструментов, которые стоит внедрить в продакшн-код в 2025. Читайте, тестируйте, делитесь лайфхаками! 🔥 Container Queries Контейнерные запросы включают две отдельные функции: запросы размера (size queries) и запросы стилей (style queries). Мы планируем использовать только запросы размера, которые имеют широкую поддержку, в отличие от запросов стилей. Проблема: ...

Команды Git, которые стоит начать использовать уже сегодня В новых версиях Git появились команды, которые делают работу с Git более удобной и безопасной. Посмотрим наиболее полезные: --word-diff для команды git diff Проблема Иногда необходимо увидеть различия между ветками, например, между вашей локальной веткой и веткой origin/master. Для этого можно использовать команду: git diff origin <branch name> Однако стандартный вывод команды git diff отображает изменения в виде блоков кода, что может быть трудно воспринимать, особенно при больших изменениях. ...

Упрощаем работу с NgRX Store с помощью фасадов NgRX одновременно c решением массы проблем управления состоянием приложения, добавляет сложность и связанность между компонентами и менеджером состояния. Это может затруднить повторное использование компонентов в других проектах, если они напрямую зависят от конкретной реализации стора. Фасады предлагают элегантное решение этой проблемы, создавая абстракцию между компонентами и сторами. Они позволяют компонентам взаимодействовать с состоянием через унифицированный интерфейс, что упрощает переиспользование компонентов и улучшает архитектуру приложения. Рассмотрим, как правильно использовать фасады в Angular для достижения максимальной гибкости и независимости компонентов. ...

NgRX с нуля: Полное руководство по управлению состоянием в Angular Сегодня мы рассмотрим одну из ключевых тем в разработке приложений на Angular — использование NgRX для управления состоянием. Мы погрузимся в архитектуру Redux, узнаем, что такое state manager, и как NgRX помогает в создании централизованного хранилища данных. Проблема Если мы изучим любое приложение, мы увидим множество источников данных: Local Storage, Session Storage, данные на сервере, а также данные, хранящиеся напрямую в HTML. Управление этими данными сложно. Если каждый будет сохранять данные по-своему, со временем станет сложно разбираться в этом многообразии состояний. Также возникают вопросы о том, какие данные актуальны, если одна и та же информация хранится в нескольких местах. Необходимо определить источник истины в таких случаях. Это и есть основная проблема Frontend-приложений, которую решают State Managers. ...