Лучшие практики написания Vue.js

Хотя Vue.js — это среда JavaScript для создания пользовательских интерфейсов, существует несколько рекомендаций по написанию Vue.js, которым должен следовать каждый начинающий или опытный разработчик.
https://shly.link/7n50T

ESbuild под Angular.

Эксперементальный проект, в котором затащили ng как плагин в esbuild.

Из фич - быстрый холодный старт, и только для dev режима, так как компилятор затаскивается в рантайм.
Интересно реализован "выборка декораторов", потому как сам esbuild таких фич не предоставляет.

При пересборке проекта разницы между angular/cli на своей машине не заметил.

https://github.com/cherryApp/ngc-esbuild

⚡️ Продуктовая команда должна быть сфокусирована на нуждах клиента. ⚡️

Но как узнать, что ему действительно нужно?

Об этом расскажу на вебинаре в OTUS 4 апреля. Вы получите:

📌 Самое нужное из теоретической базы CustDev
📌 Понимание, как составить вопросы, чтобы ответы проверяли гипотезы и приносили инсайты
📌 Знание, как правильно из ответов собрать продукт, который купят
📌 Пошаговый чек-лист для создания сценариев и подведения итогов
📌 Сценарий интервью
📌 Ответы на вопросы от спикера и его бесценный опыт

👉 Регистрируйтесь и подключайтесь: https://otus.pw/8pVS/

Занятие — часть курса «Product Manager IT-проектов», можно познакомиться с руководителем программы и задать все вопросы.

20+ советов по улучшению кода Angular, которые нужно усвоить прямо сейчас
В этой статье я расскажу о различных моментах улучшения кода, которым вам нужно следовать в своем проекте, чтобы сделать код более читабельным и надежным, чтобы любой мог легко понять проект. Здесь я также расскажу о том, как вы можете документировать функциональные возможности вашего проекта.
Ниже приведены ключевые моменты, которые я усвоил из своего 4-летнего опыта.
https://shly.link/LKB2F

Как создать проверку надежности пароля с помощью Vue
Бьюсь об заклад, вы заметили, что сегодня большинство приложений требуют от вас установки пароля, который соответствует определенному набору правил. Правила могут быть минимальной длины, включая или исключая специальные символы, заглавные или строчные буквы и т. д. В большинстве случаев этих нескольких правил достаточно, чтобы убедиться, что ваш пароль надежный. Но мы можем пойти еще дальше и использовать библиотеку, вызываемую zxcvbnдля проверки надежности нашего пароля.
https://shly.link/aQycd

Современные веб-анимации с Gsap и Vue 3

Привет, и добро пожаловать в этот урок! Сегодня вы узнаете, как создавать красивую анимацию, которая действительно оживит ваши веб-сайты. Мы будем использовать мощную библиотеку анимации gsap для анимации нашего приложения Vue 3 с помощью JavaScript.
https://shly.link/3Esnh

Angular функции | Менее известные, но интересные в использовании

Есть много функций, которые малоизвестны миру, но они очень важны и могут добавить много ценности продукту, который мы создаем с помощью Angular.
Давайте посмотрим на некоторые из них, которые мы могли бы начать использовать https://shly.link/qF1eH

Как реализовать проверочный код с помощью Vue 3 и TypeScript
Учебник о том, как реализовать код проверки с помощью Vue 3 и TypeScript.
https://shly.link/wzQFC

Использование Pipes для преобразования данных в Angular
Когда нам нужно, чтобы наши приложения отображали информацию только для визуализации, в Angular мы можем это сделать благодаря Pipes. Angular позволяет нам преобразовывать значения для отображения определенным образом, не изменяя их, короче говоря, Pipes позволяют нам брать данные и возвращать их преобразованными так, как мы хотим. https://shly.link/devRRh9

Сложное управление состоянием Vue 3 стало проще благодаря Pinia

Управление состоянием — один из краеугольных камней в разработке веб-приложений; любое нетривиальное приложение нуждается в некотором управлении состоянием. В течение многих лет Vuex был де-факто инструментом управления состоянием для приложений Vue.

Однако новая документация Vue официально рекомендует другой инструмент: Pinia.

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

https://shly.link/bg9em

Vuenique

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

https://shly.link/mdmEnoN

Плохие привычки разработчиков React среднего уровня

Если вы разработчик React среднего уровня и хотите стать продвинутым разработчиком React, этот пост для вас!

Я просматриваю код React, написанный младшими и средними разработчиками, ежедневно в течение нескольких лет, и в этом посте описаны наиболее распространенные ошибки, которые я вижу.

https://shly.link/devnobC

Ты начинающий IT-специалист, но уверен в своих знаниях и уже готов работать на позиции джуна? Газпромбанк совместно с журналом «КОД» Яндекс.Практикума подготовил 4 интерактивных теста для начинающих разработчиков 👨‍💻

С помощью них ты посмотришь на себя глазами рекрутера, потренируешься проходить собеседования и справляться с первыми трудностями на работе > https://vk.cc/ccNW41

Мощная разработка форм Vue.js с помощью FormKit

В этом посте мы расскажем о FormKit и о том, как он может помочь нам создавать мощные формы в Vue.js с проверкой, стилем и локализацией.

https://shly.link/6JxSx

Топ-3 фреймворка для внешнего интерфейса: как выбрать правильный

Сотни фреймворков, библиотек и инструментов ежедневно создаются и используются в мире JavaScript. Иметь столько вариантов — это здорово; это обеспечивает разнообразие на выбор. Но в то же время эти варианты создают много путаницы для новичков. Выбор идеальной библиотеки или фреймворка стал очень сложной задачей. Прежде чем выбрать один фреймворк, нужно рассмотреть множество вещей.
В этой статье будут рассмотрены некоторые из самых популярных фреймворков и библиотек JavaScript. Мы рассмотрим эти фреймворки на основе различных аспектов, таких как их популярность, особенности и кривая обучения. Эти перспективы помогут вам решить, какой фреймворк лучше всего подходит для ВАС.

https://shly.link/kXpZb

Как использовать nextTick() в Vue


Изменение данных компонента Vue (реквизиты или состояние) не сразу отражается в DOM. Скорее, Vue обновляет DOM асинхронно.

Вы можете поймать момент, когда Vue обновляет DOM, используя Vue.nextTick()или vm.$nextTick()функции. Давайте подробно рассмотрим, как работают эти функции.

https://shly.link/9bgK4

Как кэшировать данные в Angular с помощью Rxjs

Rxjs предоставляет нам простой способ создания кеша и его хранения. Два оператора делают волшебство, share и shareReplay, чтобы не получать данные каждый раз и не вычислять.

https://shly.link/devJQ06

Как перейти с jQuery на Vue 3

В этой статье мы рассмотрим несколько распространенных вариантов использования и способы их переноса с jQuery на Vue 3.
https://shly.link/XtPvv