Angular Vue js React
1.87K subscribers
238 photos
2 videos
2 files
758 links
Полезные материалы по JS фреймворкам
По всем вопросам: @un_ixtime
Download Telegram
Vue позволяет разработчикам писать более гибкий и повторно используемый код, предоставляя им больше возможностей для организации своих компонентов. Одной из областей, где это может быть особенно полезно, является создание анимации. В этой статье мы рассмотрим, как использовать Composition API для создания анимации в Vue с использованием как CSS, так и библиотеки анимации JavaScript GSAP (GreenSock Animation Platform).

https://medium.com/@khalidoghli7/unleashing-your-power-with-vue-animation-33a1cd0aa9c7
Лучшие фреймворки JavaScript: объяснение плюсов и минусов

Существует множество различных фреймворков JavaScript, и уследить за всеми может быть сложно. В этой статье мы сосредоточимся на самых популярных из них и выясним, почему они нравятся или не нравятся разработчикам.
https://blog.risingstack.com/best-javascript-frameworks/
Советы по тестированию Angular: Ng-Mocks

Пишите лучшие тесты быстрее с Ng-Mocks и Jasmine-Auto-Spies
https://itnext.io/angular-testing-tips-ng-mocks-7d9300443a9c
Хорошие способы организации большого проекта Vue.js

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

https://medium.com/@nile.bits/good-ways-to-organize-large-vue-js-project-a38e557c9876
Часто используемые шаблоны проектирования в Angular

В разработке программного обеспечения, независимо от того, где вы работаете, какой язык программирования используете и какое приложение создаете, изменения всегда будут вашим другом. Для неопытных разработчиков их внимание сосредоточено на написании кода, который позволил бы их программному обеспечению адаптироваться к изменениям в краткосрочной перспективе без учета его возможности повторного использования, расширения и поддержки в будущих изменениях.
https://blogs.halodoc.io/commonly-used-design-patterns-in-angular/
Зачем и когда использовать ng-template в Angular?

3 Самые мощные возможности функции <ng-template>

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


https://javascript.plainenglish.io/why-and-when-to-use-ng-template-in-angular-960463c382a6
10 самых популярных библиотек Angular

https://enessyilmaz.medium.com/10-most-popular-angular-libraries-dadde81aee2f
Как разделить приложение Angular на приложения с микроинтерфейсом

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

https://dev.to/michaeljota/how-to-split-an-angular-app-into-micro-frontend-apps-1fi9
Angular: структура прошлого, настоящего и будущего

Я начал использовать Angular в 2017 году, когда вышла версия 4. И я видел, как эта структура растет с тех пор. В этом блоге давайте посмотрим, почему Angular — это структура прошлого, настоящего и будущего.

https://dev.to/this-is-angular/angular-the-framework-of-past-present-and-future-87d
Освоение React: методы, которые выведут ваш пользовательский интерфейс на новый уровень

От стиля к функциональности: советы и примеры кода для создания панели навигации мирового уровня
https://blog.bitsrc.io/mastering-react-techniques-to-take-your-ui-to-the-next-level-a5002173904f
5 способов определить компонент в Vue 3

Vue развивается, и в настоящее время существует несколько способов определения компонента в версии 3. От параметров до композиции и API классов — все совсем по-другому и может запутаться, если вы только начинаете. Давайте определим простой компонент и проведем его рефакторинг всеми доступными методами.

https://fadamakis.com/the-5-ways-to-define-a-component-in-vue-3-aeb01ac6f39f
Угловой 16 огромен

На момент написания этой статьи angular только что опубликовал свою первую версию кандидата на выпуск v16. В этой версии есть много функций/изменений. Гораздо больше, чем мы видели в любом предыдущем крупном релизе (конечно, не считая angular 2). Angular переживает своего рода ренессанс, и v16 — это только начало. Вот некоторые из заметных изменений, которые появятся в этом выпуске.

https://itnext.io/angular-16-is-huge-67288a3ff58b
Новый способ передачи данных в динамически создаваемые компоненты (Новая функция 🎉)

Темы, затронутые в этой статье:

-Как это работает сегодня
-Как это можно сделать в Angular v16
-Как перейти на новый API
-Как это проверить
-Предостережения

https://itnext.io/new-way-of-passing-data-to-dynamically-created-components-new-feature-1d7e807b30f5
Разработка одностраничного приложения с помощью Flask и Vue.js

Ниже приведено пошаговое руководство по настройке базового приложения CRUD с помощью Vue и Flask. Мы начнем с создания нового приложения Vue, а затем перейдем к выполнению основных операций CRUD через внутренний RESTful API на основе Python и Flask.

https://testdriven.io/blog/developing-a-single-page-app-with-flask-and-vuejs/
3 ключевых рецепта для навигации по вашим маршрутам Angular

Для многих Angular-маршрутизация — это проблема, из-за которой просто хочется бросить. Отчасти это связано с тем, что многие онлайн-руководства являются просто примерами того, как реализовать базовые маршруты, и все. Поиск чего-то, что подходит для сложных сценариев, может внезапно превратиться в трудоемкий процесс проб и ошибок.


https://betterprogramming.pub/3-key-recipes-to-navigate-your-angular-routes-c04528b8a38
Визуальный конструктор перетаскивания для компонентов и приложений vue

Создавайте и проектируйте компоненты и приложения Vue с элементами перетаскивания, инструментами преобразования, ползунками, маршрутизацией и палитрой цветов в визуальном конструкторе.
https://vueplayground.com/