Помогите, мой пакет Angular растет

При создании приложения на Angular все обычно проходит гладко. Однако с течением времени и ростом вашего приложения может появиться странное предупреждение:

warning:bundle initial exeeded maximum budget. Budget 1.00 kB was not met by 352.19 kB with a total of 353.19 kB

Пример предупреждения о превышении бюджета

При первом столкновении с этим могут возникнуть некоторые вопросы:

Как я могу отключить это предупреждение?
Как я могу устранить неполадки, из-за которых мой пакет такой большой?
А что такое бюджет ?
Давайте ответим на них!

https://shly.link/devPgXA

7 полезных библиотек Angular, которые вы должны использовать в своем следующем проекте

Angular — это фреймворк на основе компонентов, который поможет вам создавать масштабируемые веб-приложения. Здесь я составил список из 7 библиотек Angular, которые помогут вам в вашем пути разработки.

(если пост не открывается полностью, откройте в режиме инкогнито)

https://shly.link/mF2Mg

Лучшие практики для Angular i18n

Если вы когда-либо создавали веб-сайт или приложение для разных рынков, вы знаете, насколько сложно создать пользовательский опыт, который удовлетворит пользователей во всем мире. Различные культуры по-разному реагируют на различные элементы дизайна пользовательского интерфейса. При разработке продукта с расчетом на глобальную аудиторию важно учитывать эти важные детали с самого начала.

Правильная интернационализация (i18n) с самого начала может уберечь вас от потенциальных ловушек и поддержать будущий рост вашего продукта. В этом сообщении блога мы рассмотрим некоторые из наиболее эффективных методов включения этих принципов в ваши приложения Angular. Давайте начнем https://shly.link/mYFE6

Архитектура веб-приложений: Новейшее руководство

В этой статье вы узнаете, как выглядит диаграмма архитектуры веб-приложений и как разработать правильную архитектуру для веб-приложений.

https://shly.link/QaSAF

Angular, React, Vue — Трехстороннее Сравнение

Как новый разработчик, вам может быть поставлена ​​задача или вам нужно разъяснить, какой интерфейсный инструмент следует изучать после изучения интерфейсных языков, таких как HTML, CSS и т. д. Многие фреймворки JavaScript делают разработку на стороне клиента более эффективной, а не используют старые традиционные JavaScript. Angular, React и Vue можно использовать почти взаимозаменяемо для создания клиентских приложений, но они не совсем одинаковы, поэтому имеет смысл сравнить их и понять их различия. В этой статье будут рассмотрены различия между Angular, React и Vue через призму нового разработчика.

https://shly.link/Ui6Sd

Angular v15.1 включает <Самозакрывающиеся теги компонентов/>

Полное руководство по тестированию AngularJS

Подробное руководство по тестированию AngularJS, в котором рассказывается, что такое Angular, разница между Angular и AngularJS, основные функции, преимущества, методологии тестирования и компоненты.
https://shly.link/xJev6

Потрясающие шаблоны программного обеспечения и архитектурного проектирования

Кураторский список шаблонов проектирования, связанных с программным обеспечением и архитектурой.

https://github.com/DovAmir/awesome-design-patterns

7 полезных библиотек Vue.js, которые вы должны использовать в своем следующем проекте

Эти библиотеки помогут вам ускорить процесс разработки и добавить новые функции в ваше приложение. Независимо от того, работаете ли вы над небольшим или большим проектом, эти библиотеки обязательно станут ценными инструментами в вашем наборе инструментов для разработки.

(если пост не открывается полностью, откройте в режиме инкогнито)

https://shly.link/20Fmo

Angular Structural Directives -(серия из 2 частей)

Структурные директивы в Angular — один из самых мощных инструментов фреймворка. Мы сталкиваемся с ними в начале наших путешествий по Angular. Они являются неотъемлемой частью разработки даже самых простых приложений Angular.

1) Освоение структурных директив Angular — основы

2) Освоение структурных директив Angular — все дело в контексте

Angular-шпаргалка

Angular — это платформа веб-приложений с открытым исходным кодом на основе TypeScript, используемая для создания веб-приложений и мобильных приложений. В этой статье будут рассмотрены некоторые функции angular, объясняя некоторые из его основных API. Вы можете следовать этой шпаргалке по angular, чтобы построить свой проект. Мы попытались охватить здесь Angular CLI, хуки жизненного цикла Angular, маршрутизацию Angular и многое другое.

(если пост не открывается полностью, откройте в режиме инкогнито)

https://shly.link/nZRpy

Создание мультиплатформенной панели инструментов с помощью Astro

В этой статье мы рассмотрим процесс создания веб-сайта в Astro с использованием компонентов трех самых популярных фреймворков: React, Svelte и Vue.js.

У каждой из этих платформ есть свои сильные и слабые стороны, и в этой статье мы предоставим пошаговое руководство по созданию веб-сайта, используя каждую из них вместе.

https://shly.link/84sAX

React -мир JSX

JSX — это расширение синтаксиса для JavaScript, позволяющее писать HTML-подобную разметку внутри файла JavaScript.
https://shly.link/QDcST

Новый NgRx

В последние месяцы NgRx , популярная библиотека управления состоянием для Angular, получила несколько значительных обновлений в отношении своего API и того, как он работает. В этой статье мы рассмотрим, что изменилось и как это влияет на то, как мы используем NgRx в наших приложениях.


https://dev.to/this-is-angular/the-new-ngrx-lf1

Что нового в Angular 15?

Давайте углубимся, чтобы узнать, что нового в Angular 15.

https://blog.peerlist.io/whats-new-in-angular-15/

Angular 15: что случилось с environment.ts

Angular 15 просто больше не отправляет файлы окружения по умолчанию.
Вы по-прежнему можете создавать их и настраивать замену на основе цели сборки, как это делалось автоматически при создании проекта в предыдущих версиях.

https://dev.to/this-is-angular/angular-15-what-happened-to-environmentts-koh

Кураторский список руководств на основе проектов

Список руководств по программированию, в которых начинающие разработчики программного обеспечения узнают, как создавать приложения с нуля. Эти учебники разделены на разные основные языки программирования. Учебники могут включать несколько технологий и языков.

https://github.com/practical-tutorials/project-based-learning

Давайте рассмотрим некоторые мощные функции

В этой статье мы рассмотрим некоторые функции Composition API, которые делают Vue.js мощной платформой для создания веб-приложений, а также примеры кода, помогающие проиллюстрировать каждый пункт.

https://medium.com/@khalidoghli7/lets-cover-some-powerful-feature-to-be-vue-jedi-master-2e0134910a0b

Темный режим с Analog & Tailwind

Несколько недель назад я полностью перестроил свой личный веб-сайт с помощью Analog и Tailwind.

Analog — это метафреймворк с полным стеком для создания приложений и веб-сайтов с помощью Angular. Он похож на другие метафреймворки, такие как Next.JS, Nuxt или SvelteKit, но построен на основе Angular.
https://dev.to/this-is-angular/dark-mode-with-analog-tailwind-4049