✨ Удаление Angular Compatibility Compiler в Angular 16
Angular Compatibility Compiler (ngcc) — это компилятор, предназначенный для преобразования библиотек, скомпилированных с помощью Angular Compiler (ngc), в формат, совместимый с Angular Ivy.
Для разработчиков это означает необходимость убедиться, что все их библиотеки и зависимости совместимы с Ivy, но в целом изменение приносит больше пользы, чем неудобств. Отказ от ngcc сокращает время сборки, поскольку отпадает необходимость в дополнительном преобразовании кода.
👉 https://medium.com/p/83e685552ab3
Angular Compatibility Compiler (ngcc) — это компилятор, предназначенный для преобразования библиотек, скомпилированных с помощью Angular Compiler (ngc), в формат, совместимый с Angular Ivy.
Для разработчиков это означает необходимость убедиться, что все их библиотеки и зависимости совместимы с Ivy, но в целом изменение приносит больше пользы, чем неудобств. Отказ от ngcc сокращает время сборки, поскольку отпадает необходимость в дополнительном преобразовании кода.
👉 https://medium.com/p/83e685552ab3
👍18👎4
✨ 8 мифов об Angular, которые пора забыть
Angular — мощный и широко используемый фреймворк, но вокруг него существует множество заблуждений и мифов.
В статье разобраны 8 самых распространенных мифов и причины их возникновения.
👉 https://medium.com/p/3f7dfdc2a702
Angular — мощный и широко используемый фреймворк, но вокруг него существует множество заблуждений и мифов.
В статье разобраны 8 самых распространенных мифов и причины их возникновения.
👉 https://medium.com/p/3f7dfdc2a702
👍15🔥1😁1
✨ Сигналы и ваша архитектура
Сигналы — одна из самых интересных функций, появившихся в последнее время в Angular. Но как они влияют на вашу архитектуру?
В этой статье представлены 5 различных вариантов и некоторая техническая справочная информация, которую вам следует рассмотреть.
👉 https://www.angulararchitects.io/en/aktuelles/angular-signals-your-architecture-5-options/
Сигналы — одна из самых интересных функций, появившихся в последнее время в Angular. Но как они влияют на вашу архитектуру?
В этой статье представлены 5 различных вариантов и некоторая техническая справочная информация, которую вам следует рассмотреть.
👉 https://www.angulararchitects.io/en/aktuelles/angular-signals-your-architecture-5-options/
👍9❤1🤨1
✨ Результат опроса разработчиков
Одним из основных источников, который помогает команде Angular принимать решения, является ежегодный опрос разработчиков.
Из статьи вы узнаете больше о результатах и о том, как они связаны с дорожной картой.
👉 https://medium.com/p/d17c88f62690
Одним из основных источников, который помогает команде Angular принимать решения, является ежегодный опрос разработчиков.
Из статьи вы узнаете больше о результатах и о том, как они связаны с дорожной картой.
👉 https://medium.com/p/d17c88f62690
❤6👍6
🦄 Решаем проблему общения микрофронтендов
Внедряя микрофронтенды, разработчики сталкиваются с новыми проблемами. Один из вызовов: как грамотно организовать передачу данных между ними?
Семен рассказал о паттерне "Шина событий" и том, как он может помочь при работе с микрофронтендами.
👉 https://habr.com/ru/companies/tinkoff/articles/736352/
Внедряя микрофронтенды, разработчики сталкиваются с новыми проблемами. Один из вызовов: как грамотно организовать передачу данных между ними?
Семен рассказал о паттерне "Шина событий" и том, как он может помочь при работе с микрофронтендами.
👉 https://habr.com/ru/companies/tinkoff/articles/736352/
👍4💩2😁1🤡1
✨ Отменяем HTTP-запросы
Отмена HTTP-запроса в Angular означает, что вы прерываете или отменяете текущий запрос до его завершения.
В статье показан простой компонент, который получает данные с сервера, а затем он улучшается в несколько этапов.
👉 https://dev.to/this-is-angular/unlock-the-power-of-http-request-cancellation-in-angular-371a
Отмена HTTP-запроса в Angular означает, что вы прерываете или отменяете текущий запрос до его завершения.
В статье показан простой компонент, который получает данные с сервера, а затем он улучшается в несколько этапов.
👉 https://dev.to/this-is-angular/unlock-the-power-of-http-request-cancellation-in-angular-371a
💩14👍4❤1❤🔥1
🦄 ContentChild, ViewChild, template reference variables
В Angular принято писать декларативный код. Это значит, что нам не стоит руками запрашивать нужные нам сущности.
Во фреймворке есть инструменты для работы с элементами шаблона, которые помогут нам. О них сегодня и поговорим.
👉 https://habr.com/ru/companies/tinkoff/articles/737836/
В Angular принято писать декларативный код. Это значит, что нам не стоит руками запрашивать нужные нам сущности.
Во фреймворке есть инструменты для работы с элементами шаблона, которые помогут нам. О них сегодня и поговорим.
👉 https://habr.com/ru/companies/tinkoff/articles/737836/
👍26🔥3
🦄 Битва CLIs
Nx — это мощная система сборки с открытым исходным кодом, которая предоставляет инструменты и методы для повышения производительности разработчиков.
Даниил рассказал, почему они используют Nx для всех Angular-проектов, какие проблемы решает этот инструмент и чем он лучше Angular CLI.
👉 https://habr.com/ru/companies/tinkoff/articles/738654/
Nx — это мощная система сборки с открытым исходным кодом, которая предоставляет инструменты и методы для повышения производительности разработчиков.
Даниил рассказал, почему они используют Nx для всех Angular-проектов, какие проблемы решает этот инструмент и чем он лучше Angular CLI.
👉 https://habr.com/ru/companies/tinkoff/articles/738654/
👍16💩4🔥3😁1
✨ Руководство по пользовательским директивам
В Angular есть специальные атрибутивные директивы, которые можно добавлять к элементам и компонентам.
В этой статье рассказывается о том, как они создаются, и показано несколько примеров.
👉 https://www.thisdot.co/blog/a-guide-to-custom-angular-attribute-directives/
В Angular есть специальные атрибутивные директивы, которые можно добавлять к элементам и компонентам.
В этой статье рассказывается о том, как они создаются, и показано несколько примеров.
👉 https://www.thisdot.co/blog/a-guide-to-custom-angular-attribute-directives/
👍4👎2💩1
✨ Анонс NgRx v16
В версии 16 в NgRx Store появился новый метод selectSignal, который обеспечивает интеграцию с сигналами.
Так же в нее вошли другие интересные функции и исправления ошибок.
👉 https://dev.to/ngrx/announcing-ngrx-v16-integration-with-angular-signals-functional-effects-standalone-schematics-and-more-5gk6
В версии 16 в NgRx Store появился новый метод selectSignal, который обеспечивает интеграцию с сигналами.
Так же в нее вошли другие интересные функции и исправления ошибок.
👉 https://dev.to/ngrx/announcing-ngrx-v16-integration-with-angular-signals-functional-effects-standalone-schematics-and-more-5gk6
🔥14👍5
✨ Angular Route Guards: Руководство по безопасной навигации
Если вы заинтересованы в ограничении доступа к определенным маршрутам.
В этой статье рассмотрено, что такое Guards, как их использовать и приведены несколько примеров использования в различных сценариях.
👉 https://dev.to/this-is-angular/demystifying-angular-route-guards-a-beginners-guide-to-secure-navigation-597b
Если вы заинтересованы в ограничении доступа к определенным маршрутам.
В этой статье рассмотрено, что такое Guards, как их использовать и приведены несколько примеров использования в различных сценариях.
👉 https://dev.to/this-is-angular/demystifying-angular-route-guards-a-beginners-guide-to-secure-navigation-597b
👍11
✨ Основные операторы RxJS
Несмотря на то, что существует множество операторов, приведенные в статье должны помочь вам в решении повседневных задач.
В ней создается строка поиска и рассматриваются необходимые операторы для этой задачи.
👉 https://www.danywalls.com/key-rxjs-operators-every-angular-developer-should-know
Несмотря на то, что существует множество операторов, приведенные в статье должны помочь вам в решении повседневных задач.
В ней создается строка поиска и рассматриваются необходимые операторы для этой задачи.
👉 https://www.danywalls.com/key-rxjs-operators-every-angular-developer-should-know
👍8💩6
✨ Тестирование в Angular
В Angular 16 была отменена Karma и введен Jest в экспериментальном режиме. Означает ли это, что в настоящее время у нас нет стабильного фреймворка для тестирования? Должны ли мы перейти на Jest? Что не так с Karma в первую очередь?
В этой статье ответы на эти и другие вопросы.
👉 https://dev.to/this-is-angular/angular-testing-in-2023-past-present-and-future-j5m
В Angular 16 была отменена Karma и введен Jest в экспериментальном режиме. Означает ли это, что в настоящее время у нас нет стабильного фреймворка для тестирования? Должны ли мы перейти на Jest? Что не так с Karma в первую очередь?
В этой статье ответы на эти и другие вопросы.
👉 https://dev.to/this-is-angular/angular-testing-in-2023-past-present-and-future-j5m
👍10❤1🔥1
✨ TypeScript 5.0 и 4.9: оцениваем и сравниваем изменения
1 июня состоялся релиз TypeScript 5.1, в нем представили небольшое количество нововведений, о которых можно прочитать здесь.
В этой статье разобраны изменения предыдущих версий.
👉 https://habr.com/ru/companies/simbirsoft/articles/740224/
1 июня состоялся релиз TypeScript 5.1, в нем представили небольшое количество нововведений, о которых можно прочитать здесь.
В этой статье разобраны изменения предыдущих версий.
👉 https://habr.com/ru/companies/simbirsoft/articles/740224/
👍6❤2
✨ Занимаемся оптимизацией
Ни для кого не секрет, что размер пакета влияет на скорость загрузки и пользовательский опыт.
Уменьшение размера пакета важно, но есть и другие существенные элементы, которые необходимо учитывать для создания идеального приложения.
👉 https://dev.to/brihoum/how-i-optimized-my-angular-website-3fd0
Ни для кого не секрет, что размер пакета влияет на скорость загрузки и пользовательский опыт.
Уменьшение размера пакета важно, но есть и другие существенные элементы, которые необходимо учитывать для создания идеального приложения.
👉 https://dev.to/brihoum/how-i-optimized-my-angular-website-3fd0
👍13
✨ Берем данные из роутера
Начиная с 16 версии Angular, мы можем использовать inputs для объявления свойств, которые будут привязываться к параметрам маршрута.
В этой статье показано, как это работает.
👉 https://indepth.dev/posts/1519/router-data-as-components-inputs-in-angular-v16
Начиная с 16 версии Angular, мы можем использовать inputs для объявления свойств, которые будут привязываться к параметрам маршрута.
В этой статье показано, как это работает.
👉 https://indepth.dev/posts/1519/router-data-as-components-inputs-in-angular-v16
👍25🔥5
✨ Пишем расширение для VSCode с помощью GPT-4
Можем ли мы использовать нейросеть для генерации всего кода программы без человеческого вмешательства?
В статье проверяется способность GPT-4 генерировать сложные программы.
👉 https://habr.com/ru/companies/ruvds/articles/740716/
Можем ли мы использовать нейросеть для генерации всего кода программы без человеческого вмешательства?
В статье проверяется способность GPT-4 генерировать сложные программы.
👉 https://habr.com/ru/companies/ruvds/articles/740716/
🤔7💩5👍4
🦄 История о том, как мы на Module Federation съезжали
Микрофронтенды позволяют декомпозировать приложение так, чтобы была модульность, легкость, все работало быстро и было расшарено между командами.
Максим Смирнов опубликовал заключительную часть трилогии о переезде на MFE.
👉 https://habr.com/ru/companies/oleg-bunin/articles/741722/
Микрофронтенды позволяют декомпозировать приложение так, чтобы была модульность, легкость, все работало быстро и было расшарено между командами.
Максим Смирнов опубликовал заключительную часть трилогии о переезде на MFE.
👉 https://habr.com/ru/companies/oleg-bunin/articles/741722/
👍5🥱5
🦄 Работа с формами в Angular
Большая зависимость от UI-библиотеки при обновлении мажорной версии приведет к куче рефакторинга во всех формах.
Александр Бухтатый показал один из способов работы с формами, который упрощает создание новых форм и изолирует зависимость от внешней UI-библиотеки.
👉 https://habr.com/ru/companies/tinkoff/articles/740706/
Большая зависимость от UI-библиотеки при обновлении мажорной версии приведет к куче рефакторинга во всех формах.
Александр Бухтатый показал один из способов работы с формами, который упрощает создание новых форм и изолирует зависимость от внешней UI-библиотеки.
👉 https://habr.com/ru/companies/tinkoff/articles/740706/
👍14🔥2
🔥 RFC: Built-In Control Flow
Этот RFC предлагает новый синтаксис потока управления для Angular и представляет значительные изменения в фреймворке.
Предлагаемый синтаксис решает некоторые проблемы, а также является основой для новых возможностей.
👉 https://github.com/angular/angular/discussions/50719
Этот RFC предлагает новый синтаксис потока управления для Angular и представляет значительные изменения в фреймворке.
Предлагаемый синтаксис решает некоторые проблемы, а также является основой для новых возможностей.
👉 https://github.com/angular/angular/discussions/50719
👎21👍7🤔3❤2🤮2