Идти по жизни надо так

А стремиться к цели - так

#offtop #video #motivation

Очередной бессмысленный и беспощадный лонгрид: React vs Vue – подробное сравнение и перспективы

Комментировать не буду

#react #article

В последних версиях Vite активно доделывают поддержку lightningcss

Сейчас для процессинга CSS используется ESBuild, но с переходом на Rolldown нужно что-то другое.
Экспериментально lightningcss был в Vite с 4 версии.

#vite #css

Поздравляем Деми Мурыча с очередным взятым на выходных рубежом в форме Дня рождения и предлагаем широкой публике его мысли о TypeScript

#murych #audio #typescript

А что вы используете для составления презентаций?

После долгих поисков остановился на Marp
Содержание презентации находится в markdown, затем преобразуется в html, и потом в pdf

Из удобного:

1. Прост как валенок и проверен временем
2. Текст и оформление можно сгенерить AI и затем кастомизировать вручную
3. Каждый слайд держу отдельным файлом и собираю их скриптом - для разных презентаций свои слайды
4. Из-за перевода в html можно очень сильно кастомизировать любой слайд через CSS класс на этом слайде
5. Плагин для VS Code - сразу видно превью, и есть генерация по команде/кнопке

#presentation #markdown

:hover > :not(:hover)

hover обычно используется, чтобы выделить какой-то элемент. Но иногда красивей что-то сделать с остальными

ul {
  @media (hover) and (prefers-reduced-motion: no-preference) {
    & > li {
      transform-origin: left center;
      transition: transform 1s var(--ease-spring-3), opacity 0.3s var(--ease-3);
    }

    &:hover > li:not(:hover) {
      opacity: 0.25;
      transform: scale(0.8);
    }
  }
}

#css #tip

В GitLab-e уже тестируют rolldown-vite

Скорость сборки примерно в 5 раз быстрей, и значительно меньше потребление памяти

#gitlab #rolldown #vite

У меня Cursor - девочка (безо всяких системных промптов)

#ai

За победу Аргуса на Product Radar одним из призов идет кредит на облачные сервисы Yandex на 400 т.р. Правда там куча условий неудобных, типа, юрлица и срок в 6 месяцев, так что полезности в этом мало.

Кто-нибудь знает, как эффективно монетизировать это богатство?

Меня поддержали отсюда пять человека, одного знаю, других - нет. Напишите в лс, могу с каждым поделиться по 30К этих призрачных кредитов. У Яндекса вроде в Казахстане датацентр есть, так что с паршивой овцы хоть випиэнку можно сделать. Опять же, если активирую этот "приз".

#argus #yandex

Сегодня Симпсоны

#apple #offtop #video

Devin (тот самый "заменяла") ведет проект DeepWiki где описывает проекты по их репозиториям. Любит чертить диаграммы.

Вот дипвики Vue. Довольно интересно

#vuejs

На vue-faq.org я написал, что JS классы во Vue лучше не использовать. Это не совсем правильно. Не надо использовать классы с реактивными свойствами. Но если через классы создаются объекты без реактивности внутри, которые ты уже помещаешь в реактивные массивы - то вполне вариант.

Для диаграммы на картинке я попробовал сперва построить структуру объектов на TS, получилось громоздко и запутанно. Переделал на классы - стало намного читабельней и меньше кода. Ну и типизация настоящая (почти), а не эрзац. Так что теперь это основной вариант для сложных структур данных.

#oop #reactivity

Добавил в свою Noema возможность подписок - периодической рассылки сводок в определенный канал или группу

Так что если здесь что-то появится, не пугаемся

#noema #tg #ai

Часть 1/2

📊 Noema Report: @vuejs_ru

Краткий дайджест для фронтенд-разработчиков
(на основе обсуждений в Telegram-канале)
Основные темы обсуждения

Миграция с Vue 2 на Vue 3:
Сложности перехода: проблемы с зависимостями (Vuex, Vue Router), необходимость рефакторинга кода (1610659, 1610696).
Рекомендации: поэтапный переход через Vue 2.7, отказ от миксинов, внедрение Pinia вместо Vuex (1610696).

Стейт-менеджмент:
TanStack Query vs кастомные решения:
Споры о необходимости изучения TanStack. Аргументы "за": стандартизация, кэширование (1610974, 1611011).
Альтернатива: кастомные реализации для полного контроля (1611028).

Pinia: проблемы с реактивностью и сохранением в localStorage через pinia-plugin-persistedstate (1610558).

Роутинг во Vue:
Сложности с организацией вложенных маршрутов (1610778).
Обсуждение разделения на основное приложение и админку:
Рекомендация: использовать отдельные точки входа (1610780, 1610792).

Работа с иконками и редакторами:
Динамическая загрузка SVG без плагинов (1610907).
Поиск аналогов CKEditor для Vue (1610940).

Актуальное и интересное

Файловый роутинг в Nuxt:
Критика за неочевидность вложенных маршрутов (1610749).
Сравнение с Next.js: гибкость vs навязанная архитектура (1610717).

Автоимпорты в Nuxt:
Многие отключают их из-за путаницы (1610728).

Проблемы и решения
Ошибки в WebStorm с PrimeVue:
Костыль через создание фиктивных CSS-переменных (1610830).

Часть 2/2

Vue 3 + Vite:
Проблемы с билдом статики (1610707).

Спорные моменты
Использование Composition API:
Часть сообщества настаивает на переходе с Options API, другие считают это избыточным для легаси-проектов (1610696).

Фреймворки vs кастомные решения:
Холивар вокруг TanStack Query: "модный инструмент" vs "велосипеды" (1611001, 1611024).

Советы и best practices
Для миграции на Vue 3:
Начинать с Vue 2.7, постепенно внедрять Composition API (1610696).
Использовать vue-tsc для проверки типов (1610733).

Оптимизация сборки:
Динамически импортировать SVG через vite/glob (1610917).

Роутинг:
Избегать смешения маршрутов админки и основного приложения в одном файле (1610780).

Ключевые сообщения:
О важности понимания основ (напр., onScopeDispose) при использовании библиотек (1611021).
Критика избыточности TanStack Query в проектах без сложного кэширования (1611011).
Совет по организации кода: "Лучше 10 файлов, чем 10 условий в одном" (1610922).
=====
Noema - ваш секретарь для создания сводок по телеграм каналам и группам.