Анализ работы Guess.js в приложении Angular
Guess.js — это библиотека, разработанная Google, которая использует данные аналитики для определения, какие ресурсы должны быть предварительно загружены, чтобы ускорить загрузку страницы. В статье рассматривается процесс интеграции Guess.js в Angular приложение, а также его настройка и использование:
https://nuancesprog.ru/p/16808/
#angular #guessjs
Guess.js — это библиотека, разработанная Google, которая использует данные аналитики для определения, какие ресурсы должны быть предварительно загружены, чтобы ускорить загрузку страницы. В статье рассматривается процесс интеграции Guess.js в Angular приложение, а также его настройка и использование:
https://nuancesprog.ru/p/16808/
#angular #guessjs
👍12
Как использовать React в приложениях Angular
Нет, цель не в создании монстра Франкенштейна, который будет представлять из себя куски различных фреймворков. Но это может быть действительно кстати, если вам нужно быстро добавить компонент, которого нет в вашем фреймворке, но есть в экосистеме React. Или если необходимо интегрировать сервисы, которые работают на React.
О том, как это сделать:
https://nuancesprog.ru/p/16840/
#react #angular
Нет, цель не в создании монстра Франкенштейна, который будет представлять из себя куски различных фреймворков. Но это может быть действительно кстати, если вам нужно быстро добавить компонент, которого нет в вашем фреймворке, но есть в экосистеме React. Или если необходимо интегрировать сервисы, которые работают на React.
О том, как это сделать:
https://nuancesprog.ru/p/16840/
#react #angular
😱15👍3
Простота Subject’ов, удобство NGRX: что такое компонентный стор и с чем его едят
Компонентный стор — это библиотека, которая соединяет в себе удобство сервисов и большинство функций классического NGRX. Это не замена глобальному хранилищу, а дополнение, которое закрывает некоторые его недостатки.
В этой статье автор поделился тем, как его команда добавила компонентный стор в их большой проект на Angular использующий NGRX и что из этого вышло:
https://habr.com/ru/companies/tinkoff/articles/735198/
#фронтенд #angular
Компонентный стор — это библиотека, которая соединяет в себе удобство сервисов и большинство функций классического NGRX. Это не замена глобальному хранилищу, а дополнение, которое закрывает некоторые его недостатки.
В этой статье автор поделился тем, как его команда добавила компонентный стор в их большой проект на Angular использующий NGRX и что из этого вышло:
https://habr.com/ru/companies/tinkoff/articles/735198/
#фронтенд #angular
👍2
Внедрение зависимостей в Angular
Внедрение зависимостей — это шаблон проектирования и механизм для использования кода в разных частях приложения.
Нашли для вас туториал, в котором автор объясняет простыми словами, как выполнить эту задачу, используя Angular.
#зависимости #angular
Внедрение зависимостей — это шаблон проектирования и механизм для использования кода в разных частях приложения.
Нашли для вас туториал, в котором автор объясняет простыми словами, как выполнить эту задачу, используя Angular.
#зависимости #angular
👍2❤1
Битва CLIs: Angular CLI против Nx
Nx — мощная система сборки, которая позволяет работать с монорепозиториями и предлагает разнообразные инструменты и библиотеки.
Автор материала в своё время решил отказаться от Angular в пользу Nx. Почему он принял такое решение, какие проблемы решает этот инструмент и чем он лучше Angular CLI можно прочитать по ссылке:
https://habr.com/ru/companies/tinkoff/articles/738654/
#angular #nx
Nx — мощная система сборки, которая позволяет работать с монорепозиториями и предлагает разнообразные инструменты и библиотеки.
Автор материала в своё время решил отказаться от Angular в пользу Nx. Почему он принял такое решение, какие проблемы решает этот инструмент и чем он лучше Angular CLI можно прочитать по ссылке:
https://habr.com/ru/companies/tinkoff/articles/738654/
#angular #nx
❤3
Angular 17: что нового?
Разбор обновлений Angular 17, в котором рассказали о новых фичах фреймворка и изменениях в синтаксисе и рендеринге: https://tproger.ru/articles/angular-17--chto-novogo
#angular
Разбор обновлений Angular 17, в котором рассказали о новых фичах фреймворка и изменениях в синтаксисе и рендеринге: https://tproger.ru/articles/angular-17--chto-novogo
#angular
👍16❤3👎2
Как использовать React в приложениях Angular
Нет, цель не в создании монстра Франкенштейна, который будет представлять из себя куски различных фреймворков. Но это может быть действительно кстати, если вам нужно быстро добавить компонент, которого нет в вашем фреймворке, но есть в экосистеме React. Или если необходимо интегрировать сервисы, которые работают на React.
О том, как это сделать:
https://nuancesprog.ru/p/16840/
#react #angular
Нет, цель не в создании монстра Франкенштейна, который будет представлять из себя куски различных фреймворков. Но это может быть действительно кстати, если вам нужно быстро добавить компонент, которого нет в вашем фреймворке, но есть в экосистеме React. Или если необходимо интегрировать сервисы, которые работают на React.
О том, как это сделать:
https://nuancesprog.ru/p/16840/
#react #angular
💩7👍4😁4
Ваш первый проект на Angular: пошаговый видеокурс для начинающих
Небольшая серия видео для бережного погружения в Angular. Шаг за шагом вы научитесь создавать компоненты, настраивать маршрутизацию, работать с формами и другими основами фреймворка. К концу курса у вас будет простое приложение на Angular и понимание его ключевых концепций.
https://www.youtube.com/playlist?list=PL0lO_mIqDDFX2CXg7tZvmsY48-R5UvQ1V
А вы пробовали писать на Angular или предпочитаете другие фронтенд-фреймворки?
#angular@tproger_web #фронтенд@tproger_web
Небольшая серия видео для бережного погружения в Angular. Шаг за шагом вы научитесь создавать компоненты, настраивать маршрутизацию, работать с формами и другими основами фреймворка. К концу курса у вас будет простое приложение на Angular и понимание его ключевых концепций.
https://www.youtube.com/playlist?list=PL0lO_mIqDDFX2CXg7tZvmsY48-R5UvQ1V
А вы пробовали писать на Angular или предпочитаете другие фронтенд-фреймворки?
#angular@tproger_web #фронтенд@tproger_web
🗿4🔥2💩2
20 версий Angular за 5 лет: «незаметные» фичи, которые спасают UI-киты
На этой неделе команда Angular отметила значимый юбилей в истории развития своего фреймворка — 20-ю мажорную версию! Самое время поностальгировать и вспомнит путь развития фреймворка.
Автор этой статьи прошёл всю эволюцию Angular и собрал чек-лист изменений, которые кажутся мелочью, но экономят часы на поддержке и открывают новые архитектурные трюки.
А какая фича Angular изменила ваш сценарий разработки?
#фронтенд #angular
На этой неделе команда Angular отметила значимый юбилей в истории развития своего фреймворка — 20-ю мажорную версию! Самое время поностальгировать и вспомнит путь развития фреймворка.
Автор этой статьи прошёл всю эволюцию Angular и собрал чек-лист изменений, которые кажутся мелочью, но экономят часы на поддержке и открывают новые архитектурные трюки.
А какая фича Angular изменила ваш сценарий разработки?
#фронтенд #angular
🔥6👍3❤1
От монолита к микросервисам: реальный кейс развёртывания сайта на Spring Boot + Angular SSR с Docker и Nginx
У нас на сайте появилась статья, где автор делится практическим опытом перехода от монолитного приложения к микросервисной архитектуре с использованием Spring Boot и Angular SSR. В ней подробно описаны этапы:
— настройки Docker Compose;
— интеграции Nginx;
— настройки HTTPS;
— и решения проблем с CORS.
Также рассматриваются способы защиты от ботов и оптимизации конфигурации для стабильной работы сайта.
#java #docker #springboot #angular #nginx
У нас на сайте появилась статья, где автор делится практическим опытом перехода от монолитного приложения к микросервисной архитектуре с использованием Spring Boot и Angular SSR. В ней подробно описаны этапы:
— настройки Docker Compose;
— интеграции Nginx;
— настройки HTTPS;
— и решения проблем с CORS.
Также рассматриваются способы защиты от ботов и оптимизации конфигурации для стабильной работы сайта.
#java #docker #springboot #angular #nginx
🔥4💩2