Автор
Mucho trabajo, poco dinero...
p.s.: кстати, бетта-тестирование volar 2.0 оказывается было, и показало ошибки, которые потом вылезли и после релиза
#volar
Volar Johnson Chu собирается покинуть open source. Стресс и слабое финансирование.Volar (language-tools) один из основных проектов Vue экосистемы с точки зрения Evan You.Mucho trabajo, poco dinero...
p.s.: кстати, бетта-тестирование volar 2.0 оказывается было, и показало ошибки, которые потом вылезли и после релиза
#volar
Уже писал про esm.sh, который позволяет работать с npm ES модулями в скрипте HTML страницы. Вот его аналог - esm.run
Вот как с помощью него можно легко отрендерить markdown файл безо всяких фреймворков и генераторов:
#markdown #lib
Вот как с помощью него можно легко отрендерить markdown файл безо всяких фреймворков и генераторов:
<!doctype html>
<script type="module">
import { marked } from 'https://esm.run/marked';
document.body.innerHTML = marked(
await fetch('./README.md').then(r => r.text())
);
</script>
#markdown #lib
Сегодня в 27.03.24 в 4pm CET состоится голосовой чат в Дискорде с командой Vite
Тема - Vite 5.3
Ссылка
#vite #chat
Тема - Vite 5.3
Ссылка
#vite #chat
Discord
Join the Vite Land Discord Server!
Vite's Community | 24038 members
Довольно приятная для глаз малоизвестная библиотека UI компонент - Equal UI
Использует
#ui #lib
Использует
Tailwind#ui #lib
equal-ui.github.io
Equal UI
Equal UI – open-source Vue 3 components system for your next project
Порядок свойств в js объекте важен для оптимизации js движком, и лучше его сохранять
Такая функция:
на таких объектах:
будет выполняться в 7-10 раз быстрее, чем на таких:
#js #optimization
Такая функция:
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
Media is too big
VIEW IN TELEGRAM
Отрывок из интервью Дуглаcа Крокфорда, изобретателя JSON, где он рассуждает о современных фронтенд фреймворках и TypeScript
#crockfold #interview #video #typescript
#crockfold #interview #video #typescript
Известно, что несколько пропсов можно передать как объект через
Но это же верно и для событий:
Названия функций должны совпадать с названиями событий.
#tip #events
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
Forwarded from Иван Бочкарев
Коллеги, всем привет!
С сегодняшнего дня доступен официальный перевод документации Vue js на русский язык!
https://ru.vuejs.org/
С сегодняшнего дня доступен официальный перевод документации Vue js на русский язык!
https://ru.vuejs.org/
ru.vuejs.org
Vue.js
Vue.js - The Progressive JavaScript Framework
Семь признаков хорошего Vue.js кодинга:
1) ESlint и авто-форматирование
2) Следование Vue style guide
3) Осмысленное наименование переменных, функций, компонент; семантические тэги в шаблоне и CSS классы
4) За редким исключением размер компонента со стилями и шаблоном не превышает 200 строк
5) Отсутствие дублирования кода
6) Комментирование с JSDoc
7) Простой, легко-читабельный код
#bestpractices #styleguide #architecture
1) ESlint и авто-форматирование
2) Следование Vue style guide
3) Осмысленное наименование переменных, функций, компонент; семантические тэги в шаблоне и CSS классы
4) За редким исключением размер компонента со стилями и шаблоном не превышает 200 строк
5) Отсутствие дублирования кода
6) Комментирование с JSDoc
7) Простой, легко-читабельный код
#bestpractices #styleguide #architecture