Pinia, новая (и лучшая) система управления состоянием для Vue
_______________
Если вы еще не слышали о Pinia или думаете о переходе с Vuex на Pinia, эта статья может вам помочь.
https://shly.link/mdmZ1b1

Selectel Career Day 2022

25 мая мы в @Selectel проведем антистресс-встречу для специалистов разных направлений: разработчиков, системных администраторов, маркетологов, менеджеров, а также выпускников вузов и курсов.

Поговорим о карьере в период нестабильности:

— Как планировать карьеру;
— Поменялся ли процесс собеседований;
— Выросла ли конкуренция в IT;
— Какие сейчас тренды на рынке труда

Все подробности и регистрация на лендинге: https://slc.tl/07eeq

Для ребят из других городов будем вести онлайн-трансляцию. Регистрация тут: https://slc.tl/sbg53

Typed Reactive Forms в Angular
________________________________

Скоро появится одна из самых востребованных функций Angular 14 — Typed Reactive Forms . Вы можете начать экспериментировать с ним сейчас, создав новый проект Angular 14:

https://shly.link/Hr2Jc

Атомарный дизайн с Vue
__________________________________

Атомарный дизайн может быть реализован во многих интерфейсных фреймворках. В этой статье мы приведем примеры каждого компонента с кодом фреймворка Vue.

https://shly.link/mdmi232

AutoAnimate
___________________________

Встраиваемая утилита анимации, не требующая настройки, которая добавляет плавные переходы в ваше веб-приложение. Вы можете использовать его с React, Vue или любым другим приложением JavaScript.

https://shly.link/gh3qeh

tiptap — самая популярная библиотека текстового редактора для Vue.
___________________________

Версия 2 полностью переписана на TypeScript и, наконец, поставляется с поддержкой Vue 3.

https://shly.link/3w8bR

Vue 3 Composition API: ref() и reactive()
___________________________________________

-Когда использовать ref()и когда использовать reactive()?
-Недостатки использованияref()
-Микширование ref()и reactive()хорошая идея

https://shly.link/0yvum

Vue UseGesture — это набор хуков, которые позволяют привязывать события мыши и касания к любому компоненту Vue.
______________________________________

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

https://shly.link/gSpid

Раскройте всю мощь функций DI в Angular
_________________________________

Мы можем использовать функцию Angular inject()для получения ссылки на токен из активного инжектора. Мы можем использовать его в factoryпровайдерах или сервисах, например:

https://shly.link/5aLn4

Как использовать компонент Vuetify Bottom Sheet
_____________________________

Bottom Sheet — это настраиваемый v-dialog , привязанный к нижней части экрана, как v-bottom-navigation . Они в основном используются на мобильных устройствах и могут содержать дополнительную информацию и действия. В этой статье мы узнаем, как легко создавать и настраивать нижние листы с помощью компонента нижнего листа Vuetify.

https://shly.link/aokc9

Остановите ужасное столкновение между одиночными и двойными кликами в Angular
______________________________

Руководство о том, как решить проблему всплытия событий с помощью тем RxJS.

https://shly.link/APNoQ

Элементы управления пользовательскими формами Angular и вложенные группы форм стали проще
__________________________________

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

Итак, приступим!

Создание анимации с помощью Angular Animations
_______________________________

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

https://shly.link/QZzQc

Основы наследования компонентов Angular
__________________________________

Наследование является важным инструментом в любом языке программирования. Вот основы, которые вам нужно знать для наследования компонентов Angular.

https://shly.link/zHRHC

Что нового в Angular 14?
______________________________

В этой статье мы рассмотрим возможности Angular 14. Вот функции, о которых я собираюсь рассказать.

--Автономные компоненты
-Более мощное внедрение зависимостей
-Преобразователь заголовков страниц
-Поставщики маршрутов
-Инициализатор среды
-Типизированные реактивные формы
-Передача инжектора во встроенные представления
-Автозаполнение Angular CLI

https://shly.link/0UW9X

Опубликуйте свои пользовательские хуки Vue.js в виде пакета NPM
_______________________________

В этой статье мы не будем говорить о том, как создать собственный хук в Vue 3. Основная цель этой статьи — узнать, как опубликовать ваши хуки в виде пакета NPM, что поможет сделать наш код более пригодным для повторного использования. Мы можем использовать их в каждом проекте, который захотим.

Есть несколько шагов, чтобы сделать это.

13 библиотек, которые вы должны знать как разработчик React
______________________________________

Быть современным разработчиком React — это не только понимать основные концепции React, но и хорошо разбираться во всей экосистеме React.

Это включает в себя знание и опыт работы с различными библиотеками React, которые вы можете использовать в своем приложении, чтобы значительно упростить процесс разработки.

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

Итак, вот 13 замечательных библиотек React, о которых вы должны знать как разработчик React.

https://shly.link/z8YiT

Google выпускает Flutter 3.0 с многоплатформенными возможностями
________________________________

Flutter от Google вышел, и он приносит много подарков сообществу разработчиков. На недавней конференции разработчиков ввода-вывода Google представила Flutter 3.0 с несколькими новыми возможностями, но его усиленная мультиплатформенная поддержка для macOS и Linux заняла центральное место.

https://shly.link/yW2Kp

3 основные ошибки, которые совершают новые разработчики Angular
___________________________________

Выпущена версия Angular v14 , и я с нетерпением жду возможности попробовать новые функции, которые появятся в ней.

Большинство функций было анонсировано на Google I/O — State of Angular , среди которых типизированные формы, автономные компоненты, специальные возможности и диагностика.

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

https://shly.link/devBdv7

Простые модальные окна с Angular
__________________________________

Мы все (пользователи #angular) могли бы создавать модальные окна в тот или иной момент. НО создать модальное окно многократного использования в Angular непросто. Теперь есть сторонние библиотеки, которые помогут вам выполнить работу, но это само по себе требует обучения, и иногда с ними сложно сотрудничать.

Команда Angular предлагает решение через модуль Angular CDK.

https://shly.link/devTxsX

Ref против Reactive
______________________________

Composition API Vue 3 предоставляет два основных способа объявления реактивных данных: refи reactive. В чем разница между ними и что следует использовать?

В этом руководстве будут рассмотрены следующие вопросы:

-Что такое ref?
-Что такое reactive?
-Каковы плюсы и минусы каждого?
-Когда следует использовать ref, reactive?

https://shly.link/RFR1o