Фу фо зе вин

#video #ai

Если Nuxt с SSR запустить в WebContainer-e, он станет SEO-friendly SPA?

#webcontainer

Evan You является BDFL (Benevolent Dictator For Life), - "великодушный пожизненный диктатор"

Данный распространенный термин появился в 1995 году и в контексте разработки open source ПО обозначает главу или основателя проекта, который сохраняет за собой право принимать окончательные решения.

Примеры - Гвидо ван Россум (Python), Линус Торвальдс (Linux kernel), Расмус Лердорф (PHP) и другие.

#evanyou

Попались на глаза еще несколько новых UI библиотек для Vue 3

Заглянул внутрь - берётся Headless UI (или подобный набор нестилизованных компонент), берется Tailwind и штампуется новая крутая библиотека.

#headlessui #lib

С @vuejs_ru чата

Человек переписал функцию с JavaScript на TypeScript

Пусть останется в анналах канала.

#ts

Возвращение к корням

Микрософт тут полушепотом призналась, что писала свой браузер Edge на React (имеется в виду обертка над Chromium - Избранное, Загрузки, Настройки, Новая страница и т.п.), но устала от его тормозов и переписала все на Web Components + HTML-first архитектуре.

В итоге всё залетало (видео)

#react #ms #msedge #webcomponents

Множество различных способов написания компонентов Vue стало историческим бременем, которое создает фрагментацию среди кодовых баз и путаницу для новых разработчиков. Я думаю, что в какой-то момент нам нужно будет более четко определить, что разработчики должны использовать в новых проектах, чтобы они выглядели более последовательно - но это будет в основном изменение документации. Это не значит, что мы должны лишить возможности использовать API Options, особенно в существующих проектах.

Options API станет "недокументированными возможностями" Vue.js

Грамотное решение

#optionsapi #vuejs

Как ведет себя import type в разных ситуациях

Просто импорт модуля в js (случаи 1 и 2 выше) может иметь сайд эффекты.

#ts

Codeium - самый продуктивный и удобный AI помощник для программирования по последнему опросу разработчиков Stack Overflow

#codeium #ai

Vue and Nuxt Tips & Tricks

Особо ничего нового, но для напоминания сойдет

#tip

В субботу 8 июня 2024 года прошла организованная Яндексом конференция "Я 💛 Фронтенд 2024". Одним из спикеров был Никита Балихин, техлид Газпромбанка, который рассказывал о написанном ими внутреннем плагине для Webpack-a.

В начале доклада он несколько раз назвал Vite - Вайтом. Это, в первую очередь, говорит о его техническом уровне и кругозоре, но дело не в персоналиях.

Помню как очень давно впервые узнал на каком-то профессиональном форуме, что SQL это никакой не эс ку эль, а сиквел. Youtube-a тогда еще не было, услышать этот термин от носителя английского языка было негде, даже в университете на специализированном по RDBMS курсе это был эс ку эль.

Сиквел был небольшим шоком. Пришло осознание, что у сферы software development есть своя культура, и её надо уважать. Правильное наименование - это часть культуры. Взрослому человеку с именем Николай будет неприятно, если незнакомые ему люди будут называть его "Колян" или "Колёк".

Допустимо было не знать как правильно произносится термин в 1990-ых, потому что неоткуда было это узнать. Допустимо не знать как произносится SQL тем, для кого базы данных - не профильная специальность. Допустимо называть Java - жабой, потому что это вполне отражает IQ человека, и тут ничего не поделать. Джуну допустимо ошибаться в названиях потому что он джун.

Но техлид топ банка, в 2024 году, бесстыдно срубивший бабла за рекламу Levi's на докладе ни о чем на крупнейшей фронтендерской конференции, называя термины как привык в своем колхозе (URL у него был Урел), выглядит гопником-вкатуном нулевого уровня, вызывающим фейспалм у абсолютного большинства аудитории, кто-то из которой его и поправил с Vite.

Уважайте культуру программной разработки.

#event #social

Интересное свежее интервью Эвана об истории Vite (/vit/)

Vite создавался довольно долго - около двух лет. Одновременно с ним было несколько попыток других разработчиков сделать быстрый js сборщик. Самой успешной попыткой был Snowpack, который использовалcя, в том числе, в SvelteKit, и из которого Эван перенял полезные вещи. Однако через некоторое время команда Snowpack переключилась на разработку фреймворка Astro, и сама стала использовать для него Vite.

И возможно Vite станет компанией

#vite #evanyou #video

Задачи с сегодняшнего занятия.
5 класс

#math

Если у вас VS Code тормозит из-за каких-то расширений, то есть такое:

F1 -> Developer: Open Process Explorer
F1 -> Developer: Show Running Extensions

и вообще:

F1 -> Developer: ...

#vscode

Мы уже писали о двух прорывах CSS в области анимации раскрытия блоков (аккордеон). Еще одна старая проблема - анимация диалогов и всплывающих окошек.

Дело в том, что правило display: имеет дискретный тип анимации, это значит плавный переход display:none <-> display:block не может быть выполнен через transition. Он будет скачком. В результате для анимаций появления и исчезания приходилось подключать JavaScript с setTimeout() и иными ухищрениями.

Теперь в Chromium браузерах появилась поддержка transition-behavior: allow-discrete; и @starting-style, которые решают эту проблему:

dialog {
    display: none;   /* user agent style */
    opacity: 0;
    /* translate: 0 -25vh; */
    transition-property: display opacity;
    transition-duration: 1s;
    transition-behavior: allow-discrete;
}

dialog[open] {
    display: block;   /* user agent style */
    opacity: 1;
    @starting-style {
        opacity: 0;
        /* translate: 0 0; */
    }
}

Safari и Firefox уже на пути реализации этих CSS правил. А пока анимация в них просто не будет работать.

Аналогичная анимация применяется к overlay или ::backdrop

Есть еще один уже полностью рабочий вариант анимации появления диалогов через keyframes, об этом в следующий раз

#css