Кратко, о чем нам поведал безвременно ушедший

В мире фронтед мета-фреймворков крутятся огромные деньги в виде рекламы, спонсорства и донатов - сотни миллионов долларов. Деньги просто так никто давать не будет. Смысл в том, чтобы втянуть молодых (18-20 лет) разработчиков в работу на этих фреймворках, чтобы потом стричь деньги со стартапов и компаний, которые будут нанимать подобных разработчиков, потому что размещать эти проекты будут на платформах типа Vercel, стоимость хостинга на которой в тысячи раз больше обычного хостинга.

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

При этом огромные деньги тратятся на продажных ютюберов и прочих инфлюенсеров, агрессивно впаривающих тебе эту шнягу из каждого утюга. Убеждающих, что если ты не используешь их "современные технологии", то ты какой-то ущербный. Часто это работает наподобие сетевого маркетинга типа продаж БАДов или продукции Avon.

В частности, следствием этого является, также, многолетняя ложь, что SEO без SSR невозможно, что Web Vitals с ними лучше и прочая маркетинговая ахинея.

Так что Nuxt, ребята, это не про свободу open source-а и лучшие практики.

Лучшие практики - это когда ты как пастушок с дудочкой пасешь коровок на экологически чистых горных альпийских лугах.

А когда специально выведенная генно-модифицированная корова, ни разу не видевшая белого света, обколотая тысячами различных антибиотиков и гормонов, стоит в стойле фермы с вывеской Vercel, с транспортером комбикорма перед носом, транспортером говна позади, и шнырявые разработчики с доильными аппаратами и лопатами для говна переползают от одной к другой, - это, ребята, называется бизнес.

#nuxt #verсel #ssr

Средняя школа в Аризоне, США

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

#math #learning

Анимацию в вебе обычно делают с помощью CSS (keyframes) или JavaScripts.

С появлением математических CSS функций таких как round(), mod(), sin() появился третий способ, сочетающий в себе плюсы обоих подходов

Здесь подробнее

#css #animation

Fireship сделал интересный ролик о Дурове и Telegram

#durov #fireship #video

Интересный сайт, рассказывающий как писать современные веб приложения на чистом JS, CSS и HTML

plainvanillaweb.com

#js #webcomponents

Судя по постоянным визитам Дурова в Россию в последние годы, явно не проведать бабушку, и его хорошим отношениям с Макроном, всё это похоже на среднего качества поставленный спектакль по "демилитаризации" Telegram и перехода его под юрисдикцию западных спецслужб.

#telegram #durov

Мой Vite плагин vite-plugin-html-injection потихоньку набирает популярность

Предназначен для вставки статичных фрагментов кода (типа аналитики, SW, open graph, splash screen) в index.html во время сборки, чтобы избежать захламления этого файла в проекте и разделить код по предназначению.

Имеет режимы вставки в dev, prod и оба. Поддерживает hot-reload при работе с dev сервером.

#vite #lib

Вышел Rspack v1.0. Первая стабильная версия.

Совместим с webpack API, но написан на Rust и поэтому быстрей. Поддерживает экосистему unplugin.

Кто пробовал, отпишитесь в комментариях об опыте.

#rspack #webpack #vite

Видео от автора о новом router для Vue - KitBag

Попытка полной типизации.

Как по мне, DX только ухудшился

#router #kitbag

В последнее время часто пишу про AI, потому что всё-таки сделал ту волшебную кнопку.

К AI надо относиться как к этим двоим с картинки - мозгов немного, но очень исполнительные. Поэтому надо формулировать для них четкие промпты и держать их в строгой узде.

#ai

О-очень актуально в разработке ПО

#meme

Если кто хочет помочь закончить портировать реактовские Radix UI Primitives на Vue 3 - вам сюда. Большая часть компонентов уже сделана.

Чем плох известный порт Radix-Vue автор проекта рассказал здесь

#ui #lib

Поставил Firebase Authentication на сайт (логин через Google, Apple и т.д.)

Бандл был 200Кб, стал 400Кб...

wtf%№?:;*"(;?;*!!!!!

AI бот предлагает другие варианты, но уверяет, что они хуже.

Кто как делает?

#firebase #auth #optimization

Тут в чате спросили - нужно ли фронтендеру знать Docker?

Имеется в виду, по собственному желанию, а не когда тебе его навязывают в уже готовом проекте. Лично я его не использую, несмотря на то, что full-stack и devops. Просто нет надобности. Как-то начал считать - а может дешевле свои проекты хостить как контейнеры? Да нет, лучше сервер купить и быть на нем полным хозяином. Хотя могу представить, что есть ситуации, когда он действительно упрощает жизнь.

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

А в интернете послушать, так это очередной мастхев для любого магазина "У дяди Васи".

Давайте, вообще, посчитаем нагрузку на средний сайт. Возьмем какой-нибудь Озон. По статистике 2023 года у него 46 миллионов активных пользователей, делающих в год в среднем 20 заказов. Это 30 заказов в секунду.

Допустим для создания одного заказа надо провести на сайте 1 час. Получаем, на сайте одновременно висит около 10000 человек.

Допустим, на бэкенд API за данными при этом отправляется в среднем 1 запрос в 2 секунды. Итого 5000 запросов в секунду.

Если руки разработчиков растут из нужного места, 95%-99% этих запросов (каталоги, информация о товаре, отзывы и т.п.) - кэшируются на каком-нибудь Redis, который на 1 CPU с достаточным количеством RAM спокойно держит десятки и сотни тысяч запросов в секунду, поэтому их просто можно не учитывать. Итого остается 200-300 в секунду уже нормальных запросов на бэк и БД.

Самое ресурсозатратное при этом - база данных. Сколько тянет PostgreSQL на бюджетном железе? Десятки тысяч запросов в секунду простых селектов, тысячи инсертов и сложных джойнов с временными таблицами. А в Озоне поиск (самое тяжелое) наверняка не по %LIKE% происходит, а по заранее построенным индексам тоже в каком-нибудь memory-based хранилище.

Немного упрощенно, но многие ли строят системы уровня Озон-а?

Ну и зачем дяде Васе нужен Kubernetes?

#highload #docker #k8s

Вышел Vue 3.5.0

Много оптимизаций по реактивности, улучшена поддержка веб компонентов, добавлены деструктуризация пропсов, отложенное использование Teleport, useTemplateRef(), app.onUnmount(), useId() и много других мелких фич и багфиксов.

По сравнению с новогодней кутерьмой с 3.4 версией на этот раз всё должно быть более-менее спокойно

#vuejs

Попадают три кота в кошачий приют. Первый - кот ангулярщика, второй - реактера, третий - накстовца. Дают им каждому по миске с китекэтом. 

Кот ангулярщика вываливает миску на пол, раскладывает корм ровными прямоугольниками, глядит некоторое время на них удовлетворенно, съедает корм и тихонько ложится спать довольный.

Кот реактера также высыпает корм, раскладывает из него какой-то архитектурный план, долго что-то двигает, думает, меняет детали местами, наконец съедает всё и чинно ложится спать.

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

#humor #nuxt

Понеслась...

Уже несколько серьезных issue запощенно
Включая сломанный computed (перестал возвращаться oldValue)

#vuejs #bugs