Vue-FAQ
937 subscribers
571 photos
91 videos
562 links
Канал сайта https://vue-faq.org
Информация о Vue.js, фронтенд разработке и не только

Contacts: @RuslanMakarov
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Как AI заменит программистов

#ai #humor #video
😁15
Мэйнтенер Volar Джонсон со своим помощником последние недели носятся с alien-signals - своей реализацией Signals в JS

Уверяют, что она самая быстрая, и пытаются встроить ее везде где могут - в системы стейт менеджмента для Solid.js, Dart, Lua. Движение unjs выходит за рамки js.

Пока наталкиваются на "непонимание".

Также хотят встроить ее во Vue. Эван, вроде, одобряет.

Но по поводу увеличения скорости на проценты хотелось бы спросить Эвана - зачем же он тогда перешел на js Proxy в своей системе реактивности и ухудшил производительность в десятки и сотни раз, если скорость так важна?

#vuejs #performance #reactivity
🤡5💩4🥴3
Попалось полезное VS Code расширение

На больших проектах вместо того, чтобы выносить часто используемые файлы в Favorites, можно прятать редко используемые в Hide files

От автора React SFC

#vscode
💩6
Присоединяюсь к трём китам современной эпохи.

Наш ответ всем мудакам.

#qoute
🤡20💩13🤮121🔥1
Раскрывающиеся аккордеоны удобно делать через стандартный details HTML элемент.

Чтобы сделать группу (раскрытым может быть только один элемент единовременно), нужно добавить атрибут name с одним и тем же значением.


<details name="some-group">
<summary>1</summary>
<p>…</p>
</details>
<details name="some-group">
<summary>2</summary>
<p>…</p>
</details>
<details name="some-group">
<summary>3</summary>
<p>…</p>
</details>


Также details поддерживает хорошую стилизацию - пример
(Небольшая часть этого работает пока только в Chromium)

#html #accordion
👍23
😁3
В начале ноября Эван обещал к концу года Rolldown v1.0.0-beta, но обманул. Пока v0.15

Кто-то их отвлекает...

Также интересно посмотреть на вклад Эвана в Rolldown

#rolldown #evanyou
👍21😁1🤡1
Мы уже писали об Ark UI библиотеке

На днях видный член vuejs core team и VitePress maintainer
Divyansh Singh назвал их лучшей альтернативой React Aria во Vue экосистеме

Unstyled, хорошая поддержка A11y. Vue версия еще неполная. Документация скудная, не для вкатунов. Нужно думать. Основана библиотека на zag.js, документацию можно смотреть там.

Выглядит очень хорошей альтернативой radix/reka/shadcn|vue, только без встроенных tailwind-ов, vueuse-ов, unjs-ов, tanstack-ов и других скрытых зависимостей и обмана типа "copy-paste и всё".

Попробовал на своем проекте. Сперва заменил FilePond на FileUpload - (-100Kb; +30Kb). Стало значительно красивей и намного кастомизируемей (стили генерил AI). Затем добавил Tabs (+20Кб). Затем - Combobox с тэгами и выпадающим меню, которое во многих UI библиотеках тащит 200-400Кб из-за позиционирования - (+70Кб). В общем, вполне экономично и удобно для создания своего небольшого UI kit с требованиями к A11y.

Ну и правильный DatePicker можно собрать.

#ui #lib #headless #arkui
🔥11👎1
Основные принципы локально-ориентированной (Local-First) разработки

Локально-ориентированная разработка имеет сходства с подходами offline-first, но идет дальше, уделяя больше внимания контролю пользователя и владению данными. Вот ключевые принципы, определяющие настоящую локально-ориентированную веб-приложение:

- Мгновенный доступ: Пользователи могут немедленно получить доступ к своей работе без ожидания загрузки или синхронизации данных (отсутствие спиннеров).

- Независимость от устройства: Данные доступны на разных устройствах без проблем.

- Независимость от сети: Основные задачи могут выполняться без подключения к интернету.

- Легкость совместной работы: Приложение поддерживает легкое совместную работу, даже в автономных сценариях.

- Долговечные (Future-Proof) данные: Данные пользователей остаются доступными и пригодными для использования с течением времени, независимо от изменений в программном обеспечении.

- Встроенная безопасность: Безопасность и конфиденциальность являются фундаментальными аспектами дизайна.

- Пользовательский контроль: Пользователи полностью владеют и контролируют свои данные.

#bestpractices #architecture
👍2👎2
Современные, с..ко, фронтенд учителя

Давить бы в зародыше...

#cringe
👎23💩8🤡8💯1
Свежий подкаст Эвана о VoidZero

Потренировать английский.

#evanyou #audio
👍1
🤝3🥴1
This media is not supported in your browser
VIEW IN TELEGRAM
Очень люблю я FSD-эшников, особенно, их призвание мессионерствовать везде и всегда, коим они даже накстоводов далеко позади оставили.

Вот человек написал большую статью о том, какую архитектуру для React проектов они подобрали, и всего пару раз обмолвился, что FSD им не подошла.

Ну и что в комментариях? Естественно, грандиозные баталии поклонников FSD, причем, преимущественно, между собой, а не с его противниками. Выяснение, кто правильней толкует их Библию. Что в статье написано - никого не интересует.

#fsd
😁11👍1
Попался интересный сайт - cobalt.tools

На Svelte-Kit. И выглядит круто, и функционально полезен (скачивать видео и аудио с youtube и прочего). Классный опенсорсный пет-проект.

#svelte
👍17
Правильные курсы

В округе Колумбия в США заключённые одной из тюрем проходят курс Массачусетского технологического института, чтобы научиться создавать сайты или ремонтировать телеком-оборудование. Курсы доступны в рамках программы Brave Behind Bars, которая действует с 2021 года.

Курс занимает 12 недель. Результатом обучения должен стать либо созданный с нуля сайт, либо навыки в области ремонта техники.


Урки и React.

P.S. Кто им косички заплетает на киче?

#learning
😁4👍1