Angular Vue js React

Как разделить приложение Angular на приложения с микроинтерфейсом

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

https://dev.to/michaeljota/how-to-split-an-angular-app-into-micro-frontend-apps-1fi9

Зачем и когда использовать ng-template в Angular?

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

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


https://javascript.plainenglish.io/why-and-when-to-use-ng-template-in-angular-960463c382a6

Часто используемые шаблоны проектирования в Angular

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

Хорошие способы организации большого проекта Vue.js

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

https://medium.com/@nile.bits/good-ways-to-organize-large-vue-js-project-a38e557c9876

Советы по тестированию Angular: Ng-Mocks

Пишите лучшие тесты быстрее с Ng-Mocks и Jasmine-Auto-Spies
https://itnext.io/angular-testing-tips-ng-mocks-7d9300443a9c

Лучшие фреймворки JavaScript: объяснение плюсов и минусов

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

Vue позволяет разработчикам писать более гибкий и повторно используемый код, предоставляя им больше возможностей для организации своих компонентов. Одной из областей, где это может быть особенно полезно, является создание анимации. В этой статье мы рассмотрим, как использовать Composition API для создания анимации в Vue с использованием как CSS, так и библиотеки анимации JavaScript GSAP (GreenSock Animation Platform).

https://medium.com/@khalidoghli7/unleashing-your-power-with-vue-animation-33a1cd0aa9c7

Почему я остаюсь с Vue в 2023 году

После нескольких лет разработки приложений VUE я собирался перейти на Svelte. В итоге не стал, вот почему.

https://medium.com/@lindblomdev/why-im-sticking-with-vue-in-2023-d67bce7bc2f4

От журналов консоли к расширенным инструментам отладки: отладка Angular

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

https://javascript.plainenglish.io/from-console-logs-to-advanced-debugging-tools-debugging-angular-5a7083bc5a85

Vue против React: все, что вам нужно знать

Vue и React — два самых популярных инструмента для создания веб-приложений на JavaScript. Но как мы выбираем между ними? Это то, что мы попытаемся выяснить в этом сравнении Vue и React. Мы рассмотрим преимущества и недостатки каждого из них, дадим советы по выбору того, что следует использовать, и поможем вам начать работу .

https://shly.link/CHYmo

Вышла бета-версия WebStorm 2023.1!

Команда Angular объявила, что NgOptimizedImageстабильна в Angular 15 . Чтобы использовать NgOptimizedImage, вам нужно добавить директиву непосредственно в компонент, потому что директива помечена как автономная.
https://blog.jetbrains.com/webstorm/2023/03/webstorm-2023-1-beta/

Эволюция сигналов в JavaScript

В последнее время в мире фронтенда наблюдается некоторая шумиха вокруг термина "сигналы". Кажется, что за короткое время они появились повсюду, начиная с Preact и заканчивая Angular.

Но они не являются чем-то новым. Даже отдаленно, если учесть, что их корни восходят к исследованиям конца 1960-х годов. В их основе лежит то же моделирование, которое позволило создать первые электронные таблицы и языки описания аппаратуры (такие как Verilog и VHDL).

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

https://dev.to/this-is-learning/the-evolution-of-signals-in-javascript-8ob

Создание компонентов Vue 3 с помощью Tailwind CSS

В этом руководстве вы узнаете, как создавать компоненты Vue 3 с помощью Tailwind CSS, создавая адаптивный компонент карточки статьи.

https://snyk.io/blog/building-vue-3-components-tailwind-css/

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

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

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

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

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

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

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

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

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

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

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

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