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

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

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

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

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

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

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

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

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

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

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

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

https://shly.link/CHYmo

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

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

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

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

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

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

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

Как разделить приложение 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, Angular, Vue и TypeScript
https://www.patterns.dev/resources

Освоение 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