Angular Vue js React
1.84K subscribers
238 photos
2 videos
2 files
758 links
Полезные материалы по JS фреймворкам
По всем вопросам: @un_ixtime
Download Telegram
Ускоренный курс Vuex
________________________________

VUEX — это библиотека управления состоянием для Vue js. Его цель — обеспечить централизованный доступ к данным между несколькими компонентами. Вы часто будете слышать «единый источник правды» при обсуждении управления состоянием, и это просто означает, что у нас будет одно место, откуда все компоненты могут получать данные.

https://shly.link/dyZsV
🔥Хардкорный тест по React.js

— Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете фреймворк. Сможете сдать — пройдёте на продвинутый курс по React.js со скидкой.

👉🏻ПРОЙТИ ТЕСТ ПО REACT

📌Хотите протестировать учебный процесс заранее? Регистрируйтесь на бесплатные демо-занятия:

— «Тестирование в React.js»: регистрация

— «Обзор нововведений в React 18»: регистрация
Топ-10 обязательных расширений VSCode для разработчиков Angular в 2022 году
__________________________________

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

https://shly.link/devVSMr
🔥 Залипательный тест по JS 🔥

— Ответьте на 20 вопросов и проверьте, насколько хорошо вы знаете JavaScript. Сможете сдать — пройдёте на продвинутый курс JavaScript Developer. Professional с хорошей скидкой 🎁

👉🏻 ПРОЙТИ ТЕСТ: https://otus.pw/XTSI/😕
Руководство по событиям в Vue
_______________

Самое замечательное в событиях Vue то, что они имитируют ванильный Javascript, поэтому все события, которые вы привыкли использовать в Javascript, также можно использовать во Vue.
https://shly.link/V9tVB
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
Forwarded from Web Design
This media is not supported in your browser
VIEW IN TELEGRAM
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, что поможет сделать наш код более пригодным для повторного использования. Мы можем использовать их в каждом проекте, который захотим.

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