А вы помните эмблемку Vue 3.0?

#vuejs #logo

Сегодня в 27.03.24 в 4pm CET состоится голосовой чат в Дискорде с командой Vite
Тема - Vite 5.3
Ссылка

#vite #chat

Pinia cheatsheet (Option stores)

#pinia #cheatsheet

Если всё идет гладко, то ты самый медленный

#video #motivation

Довольно приятная для глаз малоизвестная библиотека UI компонент - Equal UI
Использует Tailwind

#ui #lib

Порядок свойств в js объекте важен для оптимизации js движком, и лучше его сохранять

Такая функция:

function add(a, b) {
  return {
    x: a.x + b.x,
    y: a.y + b.y,
  }
}

на таких объектах:

const o1 = { a: 1, b: 2};
const o2 = { a: 3, b: 4};

будет выполняться в 7-10 раз быстрее, чем на таких:

const o1 = { a: 1, b: 2};
const o2 = { b: 4, a: 3};

#js #optimization

Отрывок из интервью Дуглаcа Крокфорда, изобретателя JSON, где он рассуждает о современных фронтенд фреймворках и TypeScript

#crockfold #interview #video #typescript

На CSS тоже можно писать полифилы

Не забываем, что :has() - относительно ресурсо-затратная функция, и всегда лучше её ограничивать родительским селектором

#tip #css

SVG тоже могут иметь реактивные свойства

<template>
  <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
    <circle cx="50" cy="50" r="50" :fill="color" />
  </svg>
</template>

<script setup lang="ts">
defineProps<{
  color: string
}>();
</script>

#tip #svg

Известно, что несколько пропсов можно передать как объект через v-bind

<template>
  <UserAccount
    :name="user.name"
    :profile="user.profile"
    :location="user.location"
  />
</template>

// равносильно

<template>
  <UserAccount v-bind="user"/>
</template>

Но это же верно и для событий:

<template>
  <UserAccount v-on="userEventHandlers"/>
</template>

<script setup>
const userEventHandlers = {
  updateName(newName) { ... },
  deleteUser() { ... },
  addFriend(friend) { ... }
};
</script>

Названия функций должны совпадать с названиями событий.

#tip #events

Коллеги, всем привет!

С сегодняшнего дня доступен официальный перевод документации Vue js на русский язык!

https://ru.vuejs.org/

Семь признаков хорошего Vue.js кодинга:

1) ESlint и авто-форматирование
2) Следование Vue style guide
3) Осмысленное наименование переменных, функций, компонент; семантические тэги в шаблоне и CSS классы
4) За редким исключением размер компонента со стилями и шаблоном не превышает 200 строк
5) Отсутствие дублирования кода
6) Комментирование с JSDoc
7) Простой, легко-читабельный код

#bestpractices #styleguide #architecture

Микрософт и Open AI собираются построить AI суперкомпьютер стоимостью 100 миллиардов долларов

В нем будет миллион GPU

#ai

Nuxt 4 собираются выпустить к 14 июня 2024, обгоняя версионность Vue.js

#nuxt

Для накстовцев наконец тоже придумали свою сертификацию

Кстати, если кто встречал в интернете образцы вопросов для Vue.js Developer сертификации, оставьте в комментариях ссылку, пожалуйста.

#nuxt #certification

Мы уже писали про инициативу jsr.io, продвигаемую Deno, создатель которого Ryan Dahl был также создателем Node.js

Бывший создатель NPM, разработчик Node.js, а также CEO компании npm Inc. Darcy Clarke и другие известные люди начали еще одну похожую инициативу - vlt, который называют новым домом для open source:

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

Заявленные проблемы NPM:

- манифест пакета npm публикуется независимо от его тарбола
- манифесты никогда полностью не проверяются на соответствие содержимому тарбола
- в экосистеме принято считать, что содержимое манифеста и тарбола совпадает
- любые инструменты или идеи, использующие публичный реестр, восприимчивы к эксплоитам/возможно неточны
- злоумышленники могут скрывать вредоносное ПО и скрипты в прямых или транзитивных зависимостях, которые остаются незамеченными

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

Примечательно, что Evan You в vlt выступает в качестве инвестора

#jsr #evanyou #vlt

Обнаружил Telegram канал с глубоким и интересным аналитическим разбором различных фронтендных тем - @frontend_almanac_ru

#tg