Большой набор UI компонентов в HTML/CSS формате для вдохновения

uiverse.io

#lib #ui

Vue.js. Genesis.

В начале был чистый JavaScript.
Фронтенд фреймворки были сложны и хаотичны, и JQuery смеялся над ними.

И сказал Эван: "Да будет Vue", и появился Vue.
Эван увидел, что Vue хорош, и отделил его от остальных фронтенд фреймворков.
Был вечер, и было утро — день первый.

И сказал Эван: "Да будут отделены HTML, CSS и JavaScript в коде".
Создал Эван компоненты и разделил в них код HTML, CSS и JavaScript. И стало так.
И назвал Эван это Single-File Components.
И увидел он, что это хорошо.
Был вечер, и было утро — день второй.

И сказал Эван: "Да наполнится HTML шаблон компонента v-директивами для удобства разработки. Да появятся слоты для композиции . Да создастся Virtual DOM для производительности".
И стали слоты, директивы и Virtual DOM.
Был вечер, и было утро — день третий.

И сказал Эван: "Да не будут стили одного компонента влиять на стили другого".
И сделал Эван scoped стили.
Был вечер, и было утро — день четвертый.

И сказал Эван: "Да произведет Reactivity API сущности разного рода".
И произвел Reactivity API реактивные сущности разного рода - и Ref, и Reactive, и Shallow тварей, и watch, чтобы следить за ними, и computed, чтобы создавать новых.
Был вечер, и было утро — день пятый.

И сказал Эван реактивным сущностям: "Плодитесь и размножайтесь. Связывайтесь с шаблоном и управляйте им. Наполняйте комозаблы и реализуйте бизнес логику в js модулях".
Эван посмотрел на всё, что он создал, и всё было очень хорошо.
Был вечер, и было утро — день шестой.

Так было завершено сотворение Vue.js и всего, что составляет его.
К седьмому дню Эван закончил труд, который он совершал, и на седьмой день он отдыхал от всех своих дел в сонме других демиургов, исполняя песню о любви.

#vuejs #esse #genesis

#evanyou #video

Аргументация против глобальных автоимпортов (типа тех, что в Nuxt) от Artyom Tuchkov

1. Это явно - ты всегда видишь, откуда взялся компонент и в один клик можешь провалиться в него, а не в *.d.ts ;)

2. Это наглядно видно не только в редакторе, но и на всяких гитхабах, когда смотришь там код, с автоимпортами тебе придется гадать, откуда взялся компонент

3. Если проект вырастает во что-то большее, чем маленький пет, то количество компонентов уже не даст нормально и лампово работать с автоимпортами, если их названия будут собираться на основе папочек, где они лежат, а в больших проектах это вообще самоубийство

4. Не нужно генерировать портянку *.d.ts для того, чтобы редакторы видели их, и, как следствие, без них ты получаешь более качественный тулинг и анализ твоего кода

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

6. Импорты может проставлять сама IDE, а еще их можно сворачивать в 1 строку, если визуально отвлекают

#architecture #bestpractices #tip #nuxt

Недавно только обсуждали провал Vue School с их Vue сертификацией на certificates.dev (хотя с точки зрения бизнеса это, наверно, совсем не провал).

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

#vueschool #certification #angular

Рабочее место настоящего программера.

Эван дал большое интервью. Есть интересное.

#evanyou #video

В VitePress картинкам тоже можно задавать стили.

Определять стили можно в том числе и в самом .md файле.

Вообще, VitePress можно застилизовать до неузнаваемости (в хорошем смысле этого слова)

#vitepress

Очень познавательный стрим АйТиБороды про Владилена Минина,

Бо́льшую часть его занимает рассказ о конфликте Минина и Ильи Климова, начавшегося с мининского курса по Vue.

Больше всего удивляет тупость стримера. Вроде бы взрослый, серьезный, понюхавший пороха человек, а всё равно ему надо десять раз наступить на говно, пять раз его понюхать и два раза попробовать на вкус прежде чем признать, что это говно. И даже после этого делать предположение, что возможно в душе это все-таки плохо сваренное шоколадное масло.

То ли дело настоящая борода IT - Мурыч

В конце стрима темная энергия мининских хомячков сделала свое черное дело... (

#itbeard #minin #video

Еще одна малоизвестная UI библиотека от китайцев - Vexip UI

Для Vue 3, с мягкой приятной графикой и интересным наборов компонентов. Есть, например, Wheel и Tour

Features

📦 Out-of-box high quality 78 Vue 3 components
📐 Intuitive, minimalistic Api design
🔧 Configurable default value of props, quickly complete global/local modifications
⚡️ Composition Api, good performance base
🔨 With TypeScript, fully types
💪 1100+ unit tests to provide good stability
🎨 Support CSS variable, built-in dark theme
🚩 Support i18n
🛫 Provide resolver, support unplugin
🚤 Support SSR
🩹 Good a11n
👀 Close to business code arrangement, low threshold for source code reading

The design tokens are base on Open Color, and have some adjustments.

————

А какие еще чисто Vue 3 UI библиотеки существуют?
Чтобы не переписка с какого-нибудь Реакта или Vue 2.
Это ведь имеет огромное значение и для размера бандла, и для производительности, и для DX.

#lib #ui

• Webpack is still the most popular bundler, and Rspack inherits its best-in-class configuration and plugin system.
• Rspack is faster than Vite.
• Vite isn’t architecturally sound, as it’s a mixture of two bundlers: esbuild for development and rollup for production. This leads to the configuration and plugin system being bottlenecked as a superset of both.
• Vite is so successful because it came at the right time to replace create-react-app, and it has added support for any framework one can think of.
• Historically, Vite and Vitest come out of the Vue ecosystem. This isn’t an issue if you like Vue.

All in all, Vite has worked fine and always performed well for me. However, for the long term, I cannot recommend it and prefer Rsbuild.

React девелопер пишет, почему Rspack лучше Vite
Позабавила последняя "историческая" причина

#react #rspack #vite

Спам-боты выходят на новый уровень...

#spam

"Мы не добавляем что-то "просто потому, что можем". У нас должна быть чертовски веская причина для этого. А я до сих пор не вижу причин, и я не видел, чтобы кто-то хотя бы попытался их объяснить".

- Линус Торвальдс

#quote

Хорошее видео о применимости и взаимозаменяемости flex и grid и предубеждении, что flex только для одномерных лэйаутов, а grid - для двумерных.

#css #video

Если в VS Code у вас отключено автоматическое обновление редактора или стоит firewall, запрещающий такие запросы, то в один момент Volar или Eslint могут просто перестать работать, потому что их новая версия требует последних версией VS Code (и это случается далеко не редко). Об этом будет краткая запись в output логах Eslint.

Можно потратить кучу времени, пытаясь определить, что сломалось. Логи VS Code - очень полезная штука.

#vscode #volar #eslint #ide

Сколько лет современному программированию:

🟢 CSS is 29 years old
🟡 HTML is 31 years old
🔵 JavaScript is 29 years old
🐍 Python is 33 years old
🐘 SQL is 49 years old
🟧 Java is 29 years old
🟪 PHP is 29 years old
🔶 C++ is 38 years old
🔷 Ruby is 28 years old
🌐 Go is 15 years old
🟦 C# is 23 years old
🐳 Docker is 10 years old
🔵 TypeScript is 11 years old
🔵 Basic is 61 years old
🔵 ANSI C is 39 years old

#lang