Создаём сайт на Vue.js, Nuxt Studio, Nuxt Content, and Nuxt UI
https://www.youtube.com/watch?v=llnFaQqEM8E&ab_channel=ThisDotMedia
Душный Вуй - это Telegram-канал, который предлагает немного душные, но ламповые заметки о Vue.js. Если вы увлечены этим JavaScript-фреймворком и хотите узнать больше о его особенностях, то этот канал для вас. Здесь вы найдете полезные советы, инсайты и обсуждения о Vue.js, Nuxt, Vuex, Pinia и многом другом. Размещаются не только технические статьи, но и интересные факты о мире разработки веб-приложений с использованием Vue.js. Подписывайтесь на канал "Душный Вуй" и оставайтесь в курсе всех новинок и трендов в мире Vue.js! #vuejs #vue #nuxt #vuex #pinia #вью
20 Nov, 16:59
20 Nov, 14:59
20 Nov, 11:59
20 Nov, 09:35
19 Nov, 07:06
15 Nov, 10:04
vuejs_ru
вчера прошла короткая дискуссия о вредности и ненужности :deep()
. Типа его можно заменить на установление путем JS
в 2 строчки класса на внутреннем компоненте.container query
во внешнем компоненте меняет flex-direction
во внутреннем - абсолютно реальный use-case.CSS
превращаются в кучу громоздкого уродливого JS
с огромными потерями в производительности.:deep()
- это инструмент, пользоваться им надо умело, и не будет никаких проблем. Если ты постоянно пытаешься, ограничивая инструментарий, сделать защиту от дурака, то ты этих дураков и плодишь.CSS
- это уровень представления вашего приложения, его функционал давно выходит за пределы только простенькой адаптивности, анимации и цветовых тем. В CSS
тоже есть логика, и перекладывать её работу на JS
нецелесообразно.
CSS
всегда на порядки быстрей JS
в браузерах. И поэтому использование JS
вместо CSS
как минимум очень сильно бьет по производительности, да еще и замусоривает скриптовую секцию вашего SFC
.UI kit
, я обычно size=large
в BaseButton
передаю не пропсом, а CSS
классом. Потому что эта штука принадлежит именно уровню представления - то есть, CSS
. И потому что приложение так будет работать быстрее, а SFC
получается проще, чище и понятней.TS
типизировать для получения подсказочек в IDE
. Но мир не сошел с ума на этих подсказках, кому-то надо просто писать производительные читабельные приложения, и заглядывание во внутреннюю документацию или исходник компонента вполне решает проблему подсказок.TS
для разработчика, а не разработчик для TS
.12 Nov, 05:37
07 Nov, 05:38
06 Nov, 07:51
function getUserCompliment(username: string) {
const colorMap = {
"Alice": "blue",
"Bob": "green",
"Charlie": "red",
};
return {
color: colorMap[input.username as keyof typeof colorMap] || "unknown",
};
}
const userInfoSchema = z.object({
username: z.string(),
});
// Define a cig to get a user's favorite color
const getFavoriteColor = cig("getFavoriteColor", userInfoSchema)
.handler(async (input) => {
// Simulated database lookup
return getUserCompliment(input.username);
});
// Usage example
(async () => {
try {
const result = await getFavoriteColor.run(
"What is the favorite color of Alice",
); // { color: 'blue' }
console.log(result);
const result2 = await getFavoriteColor.run(
"What is the favorite color of Susan",
); // { color: 'unknown' }
console.log(result2);
// You can also call that function with the specified input
const result3 = await getFavoriteColor.run({ username: "Alice" }); // { color: 'blue' }
console.log(result3);
// Expected output: { username: 'alice', favoriteColor: 'blue', compliment: 'You have great taste!' }
} catch (error) {
console.error("Error:", error);
}
})();
06 Nov, 05:51
Rolldown
уже совсем скоро05 Nov, 11:56
04 Nov, 17:28
useResponseHeader
(понятно, для чего) и useRuntimeHook
(чтобы хуки регистрировались и разрегистрировались вместе с жизненным циклом)addServerTemplate
, чтобы генерировать файлы из кода, которые потом будут использоваться в NitrodefinePageMeta()
. Чтобы это у вас сработало, не забудьте выставить в конфиге { future: { compatibilityVersion: 4 } }
02 Nov, 06:29
01 Nov, 10:14
31 Oct, 06:58
30 Oct, 11:53
30 Oct, 11:51
29 Oct, 06:15
28 Oct, 08:23
28 Oct, 07:37
28 Oct, 07:35
28 Oct, 06:52
28 Oct, 06:51
28 Oct, 06:51
28 Oct, 06:37
25 Oct, 14:52
Voidzero
21 Oct, 11:28
08 Oct, 08:21
08 Oct, 07:52
ВУЯЧ
.04 Oct, 20:12
03 Oct, 14:41
03 Oct, 14:34
02 Oct, 10:49
bun
или deno
только без js
движка), и в первом раунде поднял $4.6 млн за нее (то есть продал инвесторам процентов 10-20 её акций за эту сумму)Vue
давно перерос уровень любительского опен-сорса, и ему нужен бэкап в форме бизнеса. Потому что смотреть на депрессивные каминг-ауты Энтони, или нытье Джонсона про mucho trabajo poco dinero, или заброшенный по той же причине Vapor
совсем не комильфо.Oxc
и Rolldown
на созданную компанию VoidZero Inc
и продал ее часть инвесторам. Vue
экосистема не затронута вообще. То есть, работа Эвана над этими новыми проектами за прошлый год оценена рынком миллионов так в 20. Нормально.Vue
или Vite
, скорей всего будут сотрудниками этой новой компании и будут получать там зарплату за свою работу - это и называется бэкап бизнесом.Vue
, можно было не сомневаться. Его пост настоятельно рекомендуется к прочтению.VitePress
. 01 Oct, 17:15
24 Sep, 12:07
23 Sep, 18:51
Youtube
канал по Vue
- LearnVueTeleport
-а во Vue 3.5
21 Sep, 07:31