​Библиотека ng2-charts для Angular

Продолжаем знакомить вас с полезными библиотеками на все случаи жизни. На очереди у нас библиотека, имеющая более двух тысяч звёзд на GitHub, которая даёт необходимые директивы для создания шести видов графиков на основе Chart.js.

Познакомиться подробнее можно тут:

https://valor-software.com/ng2-charts/

#библиотека #angular

​История Angular: прошлое, настоящее и будущее

Angular прошел долгий путь в мире веб-разработки и разработки приложений с момента своего появления в 2010 году. И до сих пор он остаётся одним из главных фронтенд-фреймворков.

Но знаете ли вы, как ему удалось стать популярным и до сих пор оставаться востребованным? Эта статья расскажет вам, что делает Angular уникальным:

https://enlear.academy/angular-roadmap-the-past-present-future-212d8b98591b

#angular

​Создание микрофронтенда на Angular с общим доступом к состояниям через NgRx и NX cli

Прочитав эту статью, вы сможете создать масштабируемое микрофронтенд-приложение с общим управлением состоянием на Angular:

https://itnext.io/building-angular-micro-frontend-with-ngrx-state-sharing-and-nx-cli-7e9af10ebd03

#angular

​Зачем использовать materialize и dematerialize операторы и что такое Notification в RxJS

Вы когда-нибудь встречали такие операторы, как materialize и dematerialize в RxJS? Вероятно, вы слышали о них, но не применяли их, потому что не до конца понимали, где они могут понадобиться.

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

https://habr.com/ru/company/skyeng/blog/661709/

#angular #rxjs

​Разбивка на страницы и фильтрация на стороне сервера Angular

В этой статье вы узнаете, как использовать RxJS для реализации разбиения на страницы и фильтрации на стороне сервера для таблицы данных в приложении Angular:

https://levelup.gitconnected.com/angular-server-side-pagination-and-filtering-2206ce8279d1

#angular

​Три слоя градиента для одного слайдера

Эта статья посвящена созданию Angular-компонента слайдера с минимальным использованием JavaScript. При этом здесь рассматривается и вопрос доступность, интересное решение с многослойным градиентом, CSS-хитрости и так далее.

Подробнее:

https://habr.com/ru/company/tinkoff/blog/667254/

#angular #фронтенд #css

​Создание прогрессивного веб-приложения с помощью Django и Angular

Прогрессивные веб-приложения (PWA) — это веб-приложения, которые используют различные методы проектирования и технологии, чтобы выглядеть и вести себя как обычные мобильные или настольные приложения.

В этом руководстве предлагается создать простую викторину в виде PWA, которая сочетает в себе лучшие аспекты как веб-приложений, так и нативных приложений, используя Python и Django для серверного API и Angular с TypeScript для внешнего интерфейса:

https://www.twilio.com/blog/build-progressive-web-application-django-angular-part-1-backend-api

#pwa #django #angular

​Dragula для Angular

Эта небольшая библиотека для Angular с не обычным названием позволяет быстро и удобно создавать drag&drop механику для ваших элементов. Попробуйте сами:

https://github.com/valor-software/ng2-dragula

#библиотека #angular

​Реализация скелета загрузки в Angular

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

В этой статье автор показал, как реализовать такой скелет с помощью Angular:

https://netbasal.com/implementing-a-loading-skeleton-in-angular-7490ffdecc1b

#angular #фронтенд

Хуки жизненного цикла компонентов Angular

Использование хуков позволяет нам всегда вовремя применять тот или иной компонент Angular, вызывая его в нужный момент жизненного цикла. В этой статье вы узнаете какие хуки в Angular существуют сегодня, как их применять и из чего состоит жизненный цикл в Angular:

https://medium.com/@mudit.manucha/actual-use-of-angular-lifecycle-hooks-d922680283c0

#angular #фронтенд

​Выпадающий список со встроенным поиском на Angular

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

В этом руководстве вы найдёте инструкцию по созданию такого компонента на Angular, который потом можно использовать в различных проектах:

https://medium.com/geekculture/implementing-a-search-bar-for-filtering-select-dropdowns-in-angular-63b1f2033737

#angular

​Создайте компонент диалогового окна, используя собственный элемент в Angular

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

https://netbasal.com/create-a-dialog-component-using-the-native-dialog-element-in-angular-321aeda2908f

#angular