Полэвана попало на первую страницу Гитхаба в разделе "Спонсорство"

Причем, он кликабельный

#evanyou

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

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

Я присел на стул. Тут подходит из дальнего угла тоже относительно молодой человек - типа, техлид. Ну, начал я ему свои регалии по резюме рассказывать. Он послушал совсем немного, а потом говорит:

- Это всё хорошо. А вы работали с магазином Тьян-Ми?

Я так понял это софт какой-то, но название не расслышал с первого раза. Переспрашиваю:

- Что?

Он опять:

- Магазин Тьян-Ми

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

- Какой магазин?

- Тьян-Ми.

И видно, что уже раздраженно ответил. Я говорю:

- Нет.

Он:

- Ну а о чем тут еще говорить?

Поворачивается и уходит обратно в дальний конец комнаты.

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

Я секунд 20 подождал, потом встал, выхожу, и на лестнице еще оборачиваюсь - может я не так понял и меня обратно позовут?

Не позвали...

Вот такой сон сегодня приснился. И настолько реалистичный и красочный, прям до сих пор под впечатлением.

Что за магазин Тьян-Ми?
Что-то на Наксте?

#offtop

После выхода Vue 3.5.3 все тесты в ее экосистеме стали "зелеными", что уже как бы хороший знак.

Недавно кто-то в чате пожаловался, что после апдейта Vue у него сломались импорты по имени директории (index.ts не находился). Я тоже словил этот баг - это очередной закос Volar, решается перезагрузкой окна.

#vuejs #volar

А вы знали, когда вышел первый драфт спецификации CSS3?

В 1999 году

#css

Cходу смог применить вроде бы чисто SSR-ную новую штуку от Vue 3.5 - useId()

При реализации глобального прелоадера

Там компоненты, которые могут влиять на прелоадер, регистрируются со своими id, который должен быть уникален для компонента. Раньше был вариант с uuid.

Очень показательно в плане того, чтобы увидеть, для чего эта функция может быть полезна.

Также очевидно useId() много будет использоваться для доступности (a11y), о чем и написано в документации.

#useid

На днях РКН снова сильно обеспокоил своими блокировками. Потратил опять время, поставил VPN Hiddify

На сервере инсталяционный скрипт ставил кучу барахла минут 15, убил мои Nginx и MySQL, потому что ставит свои. Хорошо хоть сервер не прод. )

Пришлось всё переставлять и под него делать отдельный сервер. В итоге заработало без особых бубнов, выглядит солидно. Но клиент на Windows иногда подвисает. Тогда лучше его убивать через Task manager

Разработка иранцев и китайцев.

Кстати, CPU и памяти он жрет на клиенте несравнимо меньше Outline

P.S. Будете выбирать местоположение своего сервера, учитывайте свои предпочтения по рекламе в `Youtube`. Сделаете в Германии - будете слушать рекламу на немецком. В Италии - на итальянском. В РФ рекламу не пускали.

#vpn

Еще один интересный API client - Yaak с девизом: «Offline-First and Bloat-Free»

На днях вышел в Open source. Написан на Tauri и React

Выглядит приятно, минималистично, но достаточно полно.

Альтернативы:
- Postman - слишком жирный и перегруженный, требует интернета для работы
- Hoppscotch - слишком часто не может подсоединиться к внешним API (CORS или блокировка его прокси)

Первое Tauri приложение, что я попробовал. К сожалению, реклама не то же самое, что жизнь - дистрибутив 40Мб, в развернутом виде - 120Мб. Не сильно меньше Electron-a, хотя не должен содержать в себе JS движок.

Есть еще один популярный "як" в семействе API клиентов - httpYac - CLI версия и расширение для VS Code

#api #rest #yaak #tauri #hoppscotch

Вышла первая бета шестого Vite

Из нового только Environment API

Пятый вышел 10 месяцев назад, и брейкингов там было выше крыши. Видимо затишье перед интеграцией Rolldown

#vite

18 качественных отличий Vue от React от Artyom Tuchkov

- отсутствие легаси-абсурда: @change во вью - это реальный change, а не input, как в реакте, мимикрирующий под change
- отсутствие stale closure и всех связанных с ним проблем
- автоматический трекинг зависимостей, нет костылей типа useCallback
- удобные хелперы из коробки (привет либам clsx и classnames)
- удобный DSL, а не стремный JSX
- нет useEffect и миллиарда статей и докладов на тему “вы неправильно используете useEffect”
- нет проблем с воображением, когда добавляют новые фичи - useImperativeHandle и dangerouslySetInnerHTML
- есть сахар для работы с формами - v-model
- есть слоты
- нет костыльного стриктмода, который, прости хоспаде, твой код запускает дважды, чтобы тебе было приятнее работать избавить тебя от багов
- нет monkey-patching’а нативных console и fetch
- нет ререндеров на любой чих
- нет 50 вложенных контекстов в руте приложения
- нет прекрасного forwardRef
- есть нормальная система плагинов
- есть реактивность для Map/Set из коробки
- есть нормальная мутабельность без сотни копий всего подряд
- есть nextTick, не надо костылить с flushSync

#react #vuejs

В последнем VS Code появился более удобный Profile editor.

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

Малозаметная штука, сильно облегчающая работу. И чего нет у комбайна JetBrains.

#vscode

SWC (Speedy Web Compiler) - это быстрый компилятор JavaScript/TypeScript, написанный на Rust. Основные характеристики:

1. Высокая скорость компиляции
2. Поддержка современного JavaScript и TypeScript
3. Может заменять Babel во многих сценариях

Vite по умолчанию не использует SWC, (хотя он может быть подключен, особенно при работе с React). Vite использует esbuild для dev-сборки и Rollup для prod-сборки.

SWC популярен в мире React и его тулинга. Разрабатываемый Evan You Rolldown поначалу использовал SWC, но потом переключился на еще один JS компилятор на Rust - OXC

#rolldown #swc #oxc

Пришла беда откуда не ждали

Обычный ChatGPT отлично справляется с задачей реверс инжиниринга и переводит сбилженный и минифицированный JS обратно в исходник (React в данном примере)

#ai

Воскресный GMV

#offtop #video

Возможности CSS: свойство mix-blend-mode позволяет "убрать" белый фон картинки

.hide-background{
  mix-blend-mode: multiply;
  filter: contrast(1);
}

При этом сама картинка приобретает оттенок фона за картинкой

#css

Небольшая шпаргалка о генеративном AI

Gen AI - это AI, которые генерят новый контент (текст, изображение, виде и т.д.)

#ai

Команды VS Code
- Emmet: Balance (outward)
и
- Emmet: Wrap With Abbreviation
помогут быстро обернуть блок кода в шаблоне в новый тэг.

Можно назначить им сочетания клавиш.

#vscode #tip

Лидом разработки VS Code является швейцарец Erich Gamma - один из авторов легендарной, вышедшей более 30 лет назад книги Design Patterns: Elements of Reusable Object-Oriented Software ("Gang of four")

Он - одна из причин успеха редактора

Вот Erich рассказывает, на каком JS фреймворке написан VS Code и почему.

#vscode #designpatterns

Сегодня vue-faq.org - один годик

#vuefaq

Чтобы сделать работу в SOHO комфортной, полезно иметь Мини ПК как локальный сервер

На нем можно не только крутить Linux, базу данных, вебсервер, docker и другие сервисы, но и работать из VS Code в режиме Remote Development (по SSH). Это сильно разгружает основной комп/ноут.

Для сравнения, открываем небольшой Vue 3 проект локально:
- RAM: 2000Mb, CPU: 10%-50%

Тот же самый удаленно:
- RAM: 600Mb, CPU: 10%-20%

То есть, нагрузка распределяется очень неплохо, и на ноуте с 16Gb памяти можно запускать несколько экземпляров VS Code и работать вполне комфортно (помним про профили).

Я пожадничал и взял Мини ПК на Ryzen 7, в результате часто слушаю работу вентиляторов. Сейчас бы не задумываясь купил Intel N100 - он бесшумный и мощи хватало бы. 16Gb памяти - оптимально

Итого, качественный сетап фулстека: ноут - $400, мини ПК - $200, хороший большой основной монитор- $250, монитор попроще - $150, всякая периферия. За всё около $1000.

Ну или бэушный макбук можно взять за эти же деньги...

#minipc #vscode

Как выяснилось, за последний год в мире API клиентов случилась почти что революция

Вышел в open source Yaak (React, Tauri), релизнулся и активно развивается вполне достойный Bruno (Next.js, Tauri) и наконец-то появилась десктопная версия Hoppscotch (Vue 3, Tauri).

Hoppscotch пока в альфа версии, но вполне хорошо работает и решены проблемы с прокси для запросов. Дистрибутив занимает всего 10Мб (у Yaak 120Mb, у Bruno - 40Mb). На скриншоте, сколько они отъедают памяти в холостом режиме. Ну и просто какой-то бенефис Tauri.

Yaak и Bruno полностью оффлайновые, поэтому их UI работает очень быстро, Hoppscotch синхронизирует данные в облаке, поэтому есть небольшая задержка, но в целом хорошо.

По функционалу с большим отрывом лидирует Hoppscotch, за ним - Bruno

Мир устал от жирного, жадного и неповоротливого online-only Postman-a. Попробуйте эти клиенты и забудьте Postman как страшный сон.

#hoppscotch #yaak #bruno #api #tauri #postman