🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Как перейти от позиции сеньора к роли тимлида
Ты крут в коде, решаешь сложные задачи и давно на позиции сеньора, но дальше роста нет. Знакомо? В какой-то момент просто писать код становится недостаточно.
Читай статью, чтобы узнать, как именно прокачаться до лид-позиции и какие ошибки мешают сделать этот шаг.
👉 https://www.angularspace.com/how-to-grow-from-senior-to-a-lead-role/
Ты крут в коде, решаешь сложные задачи и давно на позиции сеньора, но дальше роста нет. Знакомо? В какой-то момент просто писать код становится недостаточно.
Читай статью, чтобы узнать, как именно прокачаться до лид-позиции и какие ошибки мешают сделать этот шаг.
👉 https://www.angularspace.com/how-to-grow-from-senior-to-a-lead-role/
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Юнит-тестирование в Angular
Наверняка вы сталкивались с проектами без единого юнит-теста, которые ломаются после каждого деплоя. А что если тесты могли бы точно имитировать действия пользователей, выявлять баги до релиза и одновременно служить документацией? Это реально при правильном подходе.
В статье разбираются практики тестирования в Angular: никакой воды, только проверенные паттерны, инструменты и рабочие примеры.
👉 https://habr.com/ru/companies/otus/articles/916166/
Наверняка вы сталкивались с проектами без единого юнит-теста, которые ломаются после каждого деплоя. А что если тесты могли бы точно имитировать действия пользователей, выявлять баги до релиза и одновременно служить документацией? Это реально при правильном подходе.
В статье разбираются практики тестирования в Angular: никакой воды, только проверенные паттерны, инструменты и рабочие примеры.
👉 https://habr.com/ru/companies/otus/articles/916166/
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Настройка Prettier и ESLint
Если вы устали от бесконечных споров о стиле в команде, лучше один раз все настроить и забыть об этом.
В этом посте разбирается, как грамотно связать Prettier и ESLint, чем отличается их роль, и какие настройки действительно стоит включить.
👉 https://www.angulararchitects.io/en/blog/best-practices-prettier-eslint/
Если вы устали от бесконечных споров о стиле в команде, лучше один раз все настроить и забыть об этом.
В этом посте разбирается, как грамотно связать Prettier и ESLint, чем отличается их роль, и какие настройки действительно стоит включить.
👉 https://www.angulararchitects.io/en/blog/best-practices-prettier-eslint/
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Без неудач не бывает успеха
Думаешь, что сеньоры никогда не ошибаются? Полная ерунда! Сениор — это человек, который уже набил достаточно шишек, чтобы знать, каких граблей лучше избегать в следующий раз.
В статье рассказывается:
- Почему безобидный рефакторинг часто оборачивается головной болью и пропущенными дедлайнами.
- Как идеальный на первый взгляд пет‑проект может уйти в минус без бизнес‑стратегии.
- Чем может обернуться излишнее доверие к технологиям (GraphQL, NgRx) без достаточной подготовки.
- И как умение вовремя попросить помощи и принять свои ограничения спасает проект и нервы.
👉 https://www.angularspace.com/the-need-of-failing-before-succeeding/
Думаешь, что сеньоры никогда не ошибаются? Полная ерунда! Сениор — это человек, который уже набил достаточно шишек, чтобы знать, каких граблей лучше избегать в следующий раз.
В статье рассказывается:
- Почему безобидный рефакторинг часто оборачивается головной болью и пропущенными дедлайнами.
- Как идеальный на первый взгляд пет‑проект может уйти в минус без бизнес‑стратегии.
- Чем может обернуться излишнее доверие к технологиям (GraphQL, NgRx) без достаточной подготовки.
- И как умение вовремя попросить помощи и принять свои ограничения спасает проект и нервы.
👉 https://www.angularspace.com/the-need-of-failing-before-succeeding/
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Расшифровка ДНК кода
Многие знают, что за работой инструментов вроде ESLint, Babel и даже Prettier стоит Abstract Syntax Tree (AST). Но как это все устроено на самом деле?
Самый простой способ разобраться, увидеть AST своими глазами. Например, с помощью ASTExplorer.
👉 https://push-based.io/article/unlocking-codes-dna-what-you-need-to-know-about-abstract-syntax-trees
Многие знают, что за работой инструментов вроде ESLint, Babel и даже Prettier стоит Abstract Syntax Tree (AST). Но как это все устроено на самом деле?
Самый простой способ разобраться, увидеть AST своими глазами. Например, с помощью ASTExplorer.
👉 https://push-based.io/article/unlocking-codes-dna-what-you-need-to-know-about-abstract-syntax-trees
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ От кнопки до продакшена: как мы делаем Telegram Mini Apps
Думаете, что создать полноценное приложение внутри Telegram сложно? Оказывается, Mini App можно разработать быстрее, чем мобильное приложение, и при этом получить доступ к миллионам пользователей.
В новой статье разбор создания Mini App, готового к продакшену. Реальный опыт разработки от идеи до запуска, включая все этапы и подводные камни, с которыми сталкивается каждый разработчик.
👉 https://habr.com/ru/companies/doubletapp/articles/917286/
Думаете, что создать полноценное приложение внутри Telegram сложно? Оказывается, Mini App можно разработать быстрее, чем мобильное приложение, и при этом получить доступ к миллионам пользователей.
В новой статье разбор создания Mini App, готового к продакшену. Реальный опыт разработки от идеи до запуска, включая все этапы и подводные камни, с которыми сталкивается каждый разработчик.
👉 https://habr.com/ru/companies/doubletapp/articles/917286/
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Инкрементальная гидратация в Angular
В последних версиях Angular серверный рендеринг (SSR) был обновлен и представил инкрементальную гидратацию, которая считается одним из самых эффективных механизмов загрузки и гидратации среди современных фреймворков.
Эта технология целенаправленно создана для оптимизации ключевых метрик Core Web Vitals: LCP, INP и CLS.
В статье рассказывается о том, как она позволяет активировать компоненты приложения постепенно, улучшая производительность и снижая визуальные сдвиги интерфейса.
👉 https://push-based.io/article/incremental-hydration-in-angular-introduction-part-1-3
В последних версиях Angular серверный рендеринг (SSR) был обновлен и представил инкрементальную гидратацию, которая считается одним из самых эффективных механизмов загрузки и гидратации среди современных фреймворков.
Эта технология целенаправленно создана для оптимизации ключевых метрик Core Web Vitals: LCP, INP и CLS.
В статье рассказывается о том, как она позволяет активировать компоненты приложения постепенно, улучшая производительность и снижая визуальные сдвиги интерфейса.
👉 https://push-based.io/article/incremental-hydration-in-angular-introduction-part-1-3
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Angular style guide
Angular обновил руководство по стилю, чтобы упростить его и сделать более современным. Из него убрали лишние сложности и скорректировали рекомендации с учетом эволюции фреймворка.
Если вы давно его не просматривали, сейчас самое время это сделать.
👉 https://angular.dev/style-guide
Angular обновил руководство по стилю, чтобы упростить его и сделать более современным. Из него убрали лишние сложности и скорректировали рекомендации с учетом эволюции фреймворка.
Если вы давно его не просматривали, сейчас самое время это сделать.
👉 https://angular.dev/style-guide
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Эти CSS-техники устарели
CSS развивается быстро, и многие полезные техники проходят мимо нас. Например, вместо длинных стеков системных шрифтов достаточно одного system-ui.
В новой статье разбираются 7 устаревших техник, которые можно заменить современными решениями.
👉 https://habr.com/ru/companies/ruvds/articles/917204/
CSS развивается быстро, и многие полезные техники проходят мимо нас. Например, вместо длинных стеков системных шрифтов достаточно одного system-ui.
В новой статье разбираются 7 устаревших техник, которые можно заменить современными решениями.
👉 https://habr.com/ru/companies/ruvds/articles/917204/
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Из браузера в приложение: внутренняя кухня WebView
Внедрение веб-страницы в нативное приложение через WebView может показаться сомнительным решением. Этот подход способен как значительно ускорить выход продукта на рынок, так и обернуться серьезными трудностями, если не учитывать его специфику.
В статье представлен опыт внедрения WebView, а также ключевые аспекты и практические рекомендации для его эффективного использования, помогающие избежать ошибок.
👉 https://habr.com/ru/articles/919856/
Внедрение веб-страницы в нативное приложение через WebView может показаться сомнительным решением. Этот подход способен как значительно ускорить выход продукта на рынок, так и обернуться серьезными трудностями, если не учитывать его специфику.
В статье представлен опыт внедрения WebView, а также ключевые аспекты и практические рекомендации для его эффективного использования, помогающие избежать ошибок.
👉 https://habr.com/ru/articles/919856/
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Промпты для LLM и настройки AI IDE
Иногда можно услышать, что при использовании нейросетей для разработки на Angular они генерируют устаревший код, не соответствующий современным подходам.
Команда Angular прислушалась к этим замечаниям и добавила специальный раздел с наборами инструкций, которые помогают LLM генерировать корректный и актуальный код в соответствии с лучшими практиками.
Спасибо @summon_the_coder за новость.
👉 https://angular.dev/ai/develop-with-ai
Иногда можно услышать, что при использовании нейросетей для разработки на Angular они генерируют устаревший код, не соответствующий современным подходам.
Команда Angular прислушалась к этим замечаниям и добавила специальный раздел с наборами инструкций, которые помогают LLM генерировать корректный и актуальный код в соответствии с лучшими практиками.
Спасибо @summon_the_coder за новость.
👉 https://angular.dev/ai/develop-with-ai
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Инкрементальная гидратация в Angular (Часть 2)
Первая часть статьи была посвящена тому, как инкрементальная гидратация оптимизирует процесс и время гидратации компонентов.
Во второй части речь идет о том, почему эта технология имеет большое значение для производительности и пользовательского опыта. Особое внимание уделяется ее влиянию на ключевые метрики: LCP, INP и CLS.
👉 https://push-based.io/article/the-game-changing-impact-of-incremental-hydration-in-angular-part-2
Первая часть статьи была посвящена тому, как инкрементальная гидратация оптимизирует процесс и время гидратации компонентов.
Во второй части речь идет о том, почему эта технология имеет большое значение для производительности и пользовательского опыта. Особое внимание уделяется ее влиянию на ключевые метрики: LCP, INP и CLS.
👉 https://push-based.io/article/the-game-changing-impact-of-incremental-hydration-in-angular-part-2
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Почему мы до сих пор пользуемся QWERTY
QWERTY — раскладка, придуманная не для скорости, а чтобы пишущие машинки XIX века не заклинивало. Тем не менее, именно она стала глобальным стандартом, несмотря на устаревшую эргономику и не самую высокую скорость набора.
Почему так вышло? Почему до сих пор миллионы людей используют схему, созданную под ограничения прошлого, хотя уже существуют более удобные и быстрые альтернативы.
Читай статью, чтобы узнать, как историческая случайность определила будущее клавиатур, и есть ли шанс что-то изменить.
А если ты уже пробовал альтернативные раскладки, поделись в комментариях. Было ли сложно переучиться? Стало ли удобнее?
👉 https://habr.com/ru/companies/selectel/articles/915820/
QWERTY — раскладка, придуманная не для скорости, а чтобы пишущие машинки XIX века не заклинивало. Тем не менее, именно она стала глобальным стандартом, несмотря на устаревшую эргономику и не самую высокую скорость набора.
Почему так вышло? Почему до сих пор миллионы людей используют схему, созданную под ограничения прошлого, хотя уже существуют более удобные и быстрые альтернативы.
Читай статью, чтобы узнать, как историческая случайность определила будущее клавиатур, и есть ли шанс что-то изменить.
А если ты уже пробовал альтернативные раскладки, поделись в комментариях. Было ли сложно переучиться? Стало ли удобнее?
👉 https://habr.com/ru/companies/selectel/articles/915820/
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Реактивность в Angular
Евгений Тубольцев опубликовал исследование о том, как реактивность вписывается в модель Angular и почему стоит строить приложения с учетом неизменяемого состояния.
Он разбирает, в чем преимущества Signals перед Observable, как стратегия OnPush и zoneless-подход избавляют от “грязных” проверок.
👉 https://medium.com/p/844444741c7e
Евгений Тубольцев опубликовал исследование о том, как реактивность вписывается в модель Angular и почему стоит строить приложения с учетом неизменяемого состояния.
Он разбирает, в чем преимущества Signals перед Observable, как стратегия OnPush и zoneless-подход избавляют от “грязных” проверок.
👉 https://medium.com/p/844444741c7e
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Почему я исправляю баги бесплатно и как это изменило мою карьеру
Участие в Open Source — это не только исправление кода, но и мощный буст для ваших навыков и карьеры.
Егор Горбачёв рассказал, как погружение в исходники учит понимать библиотеки изнутри, писать тесты и оптимизировать код.
👉 https://habr.com/ru/articles/911996/
Участие в Open Source — это не только исправление кода, но и мощный буст для ваших навыков и карьеры.
Егор Горбачёв рассказал, как погружение в исходники учит понимать библиотеки изнутри, писать тесты и оптимизировать код.
👉 https://habr.com/ru/articles/911996/
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Понимание Angular Deferrable Views
Если вы пропустили появление Deferrable Views в Angular 17–18, сейчас отличная возможность наверстать упущенное.
Deferrable Views представляют собой революционный подход к ленивой загрузке компонентов прямо в шаблонах. Больше никаких сложных манипуляций, теперь все реализуется элегантно и просто.
👉 https://www.angularspace.com/understanding-angular-deferrable-views/
Если вы пропустили появление Deferrable Views в Angular 17–18, сейчас отличная возможность наверстать упущенное.
Deferrable Views представляют собой революционный подход к ленивой загрузке компонентов прямо в шаблонах. Больше никаких сложных манипуляций, теперь все реализуется элегантно и просто.
👉 https://www.angularspace.com/understanding-angular-deferrable-views/
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Все о DDD для фронтенд‑архитектур
Масштабные фронтенд-приложения нередко превращаются в неуправляемых монстров. Код запутывается, добавление новых функций становится мучением, а поддержка превращается в кошмар для разработчиков.
Заимствование подходов из Domain-Driven Design (DDD), может улучшить ситуацию.
Ключевая идея статьи: вместо традиционного разделения на технические слои (компоненты, сервисы, утилиты), мы делим систему на бизнес‑ориентированные блоки.
👉 https://www.angulararchitects.io/en/blog/all-about-ddd-for-frontend-architectures-with-angular-co/
Масштабные фронтенд-приложения нередко превращаются в неуправляемых монстров. Код запутывается, добавление новых функций становится мучением, а поддержка превращается в кошмар для разработчиков.
Заимствование подходов из Domain-Driven Design (DDD), может улучшить ситуацию.
Ключевая идея статьи: вместо традиционного разделения на технические слои (компоненты, сервисы, утилиты), мы делим систему на бизнес‑ориентированные блоки.
👉 https://www.angulararchitects.io/en/blog/all-about-ddd-for-frontend-architectures-with-angular-co/
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Zoneless Angular
Zone.js годами незаметно управлял обнаружением изменений в Angular, но скоро он будет заменен на Zoneless подход. Начиная с Angular 20, данный функционал больше не считается экспериментальным и официально переведен в стадию Developer Preview.
В статье рассматриваются распространенные сценарии, сравнивается их поведение в режимах Zone.js и Zoneless, а также отмечаются возможные подводные камни.
👉 https://angularexperts.io/blog/zoneless-angular
Zone.js годами незаметно управлял обнаружением изменений в Angular, но скоро он будет заменен на Zoneless подход. Начиная с Angular 20, данный функционал больше не считается экспериментальным и официально переведен в стадию Developer Preview.
В статье рассматриваются распространенные сценарии, сравнивается их поведение в режимах Zone.js и Zoneless, а также отмечаются возможные подводные камни.
👉 https://angularexperts.io/blog/zoneless-angular
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Angular теперь встроен в Chrome DevTools
Команды Angular и Chrome объединили усилия, чтобы интегрировать Angular-специфичные данные в панель производительности Chrome DevTools.
Теперь профилирование стало максимально наглядным. Данные о компонентах, хуках жизненного цикла, шаблонах и т.д. отображаются прямо в панели Performance, что упрощает диагностику узких мест и дает полноценный обзор производительности.
👉 https://blog.angular.dev/the-angular-custom-profiling-track-is-now-available-0f9d8d36218a
Команды Angular и Chrome объединили усилия, чтобы интегрировать Angular-специфичные данные в панель производительности Chrome DevTools.
Теперь профилирование стало максимально наглядным. Данные о компонентах, хуках жизненного цикла, шаблонах и т.д. отображаются прямо в панели Performance, что упрощает диагностику узких мест и дает полноценный обзор производительности.
👉 https://blog.angular.dev/the-angular-custom-profiling-track-is-now-available-0f9d8d36218a
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
✨ Скрытые части Angular: ViewProviders
Ни для кого не секрет, что Angular — это мощный и многофункциональный фреймворк, предоставляющий разработчикам огромный спектр возможностей.
В этой статье рассматривается одна из его скрытых особенностей, viewProviders. Хотя она редко используется в повседневной разработке, понимание ее принципов работы позволяет получить более тонкий контроль над архитектурой компонентов и областью действия сервисов.
👉 https://www.angularspace.com/hidden-parts-of-angular-view-providers/
Ни для кого не секрет, что Angular — это мощный и многофункциональный фреймворк, предоставляющий разработчикам огромный спектр возможностей.
В этой статье рассматривается одна из его скрытых особенностей, viewProviders. Хотя она редко используется в повседневной разработке, понимание ее принципов работы позволяет получить более тонкий контроль над архитектурой компонентов и областью действия сервисов.
👉 https://www.angularspace.com/hidden-parts-of-angular-view-providers/