Вчера вышла значимая новая версия 👩‍💻 Bun — современной и быстрой среды выполнения 👩‍💻 👩‍💻. Сначала я подумал, что это первоапрельская шутка, но это произошло на самом деле. Поэтому об этом не постил вчера 🙃

Главное нововведение — поддержка 👩‍💻 Windows. И не просто поддержка, а работающая на том же высоком уровне производительности, что и на 👩‍💻 macOS или 👩‍💻 Linux.

Bun под Windows проходит 98% нашего набора тестов для Bun под macOS и Linux. Это означает, что всё, начиная от среды выполнения, программы тестирования, менеджера пакетов и заканчивая бандлером, без проблем работают на Windows.

Кроме того, они устранили раздражающее сообщение «Terminate batch job?», которое появлялось при попытке остановить процесс с помощью комбинации Ctrl + C. Это всегда действовало на меня как триггер, поскольку я никогда случайно не нажимал эту комбинацию в терминале.

Весомый повод начинать использовать Bun в пет-проектах?

Сидите в интернете, как в 1999 году, с помощью этих олдскульных курсоров

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

Ошибка 404 не только код ошибки — это наш ежегодный April Fun Day. Мы возвращаемся к нашим любимым эпохам цифрового дизайна, от времен DOS до Y2K, от скеуоморфизма до Windows Vista.

В Figma и FigJam курсоры символизируют многопользовательское сотрудничество. Эти аватары не только проектируют и создают, но и общаются, эмоционально реагируют и даже делятся пятюнями. Они помогают нам видеть и взаимодействовать друг с другом благодаря — а не вопреки — нашим экранам.

Что может быть лучшим способом отметить этот символ взаимодействия, чем вспомнить цифровые эпохи прошлых десятилетий? В течение одной недели, начиная с сегодняшнего дня, вы сможете выбрать курсоры в стиле четырех эстетик из истории интернета: 8-битный, Y2K, скеуоморфный и Aero.

Если вы хотите их попробовать, откройте любой файл Figma или FigJam и нажмите на значок курсора в правом верхнем углу.

Вы, наверное, уже видели, что первоапрельский видеоролик от 🎨 Discord набрал 1.4 млрд просмотров. Это видео стало своего рода "вьюботом" для 🔗 YouTube

😐 Что случилось? В день дурака Discord выпустил видеоролик о лутбоксах, который автоматически начинал воспроизводиться при наведении на него. И, поверьте, этот ролик был сделан на высшем уровне.

🎬 Но здесь дело не только в ролике. Discord использовал для этого встроенный YouTube-плеер. И почему бы и нет? Стоимость хостинга и загрузки видео может быть просто огромной. Даже на платформах, предлагающих относительно недорогие услуги, как MUX, цена может быть внушительной. Поэтому Discord решил не тратить лишние деньги и воспользовался бесплатным хостингом от YouTube.

💵 Для сравнения: MUX предоставляет доставку видео за 0.00096$ за минуту видео. Вроде дёшево, но если учитывать, что видео посмотрели 1.4 млрд раз, то стоимость этого видео становится 400$ тыс. Тем временем загрузка видео на Ютуб бесплатная за счёт показа рекламы.

И вот тут начинается интересное. Ни Discord, ни YouTube, кажется, не ожидали, что все эти просмотры будут засчитываться. Это заставляет задуматься о том, как YouTube отслеживает просмотры. Это далеко не так просто, как кажется. YouTube не раскрывает точные методы подсчета просмотров, и иногда такие случайные эксперименты, как у Discord, становятся настоящей головной болью для платформы.

Этот ролик стал своеобразным 🧪 экспериментом, который принёс Discord огромное количество просмотров и, вероятно, заставил YouTube потратить огромные суммы на хостинг этого видео.

💬 Итак, что вы думаете об этом? Это был разумный шаг или абсурдное поведение? Делитесь своими мыслями в комментариях.

Апдейт!

По итогу все 1.4 млрд просмотров, которые были получены с автовоспроизведения видео в 🎨 Discord были скручены. Теперь на видеоролике всего 3.2 млн просмотров.

Что это за просмотры такие и откуда они взялись я рассказал в предыдущем посте.

🚀 Новый рывок в мире кодирования изображений!

Google представили Jpegli — новую библиотеку кодирования JPEG, которая обещает улучшить качество изображений и сократить объем файлов на 35% при сохранении высокого качества сжатия. JPEG существует уже не один десяток, но у него до сих пор есть потенциал для стремления.

Благодаря более точным вычислениям и эффективному использованию новых методов Jpegli гарантирует менее шакальные изображения с меньшим количеством артефактов.

⚡️ Jpegli не только улучшает качество изображений, но и обеспечивает сравнимую скорость кодирования с традиционными методами, такими как libjpeg-turbo и MozJPEG.

🔍 Также поддерживается 10+ бит, что позволяет делать градиенты в JPEG более плавным.

Уже давно я внедряю ESLint в свои проекты, ведь этот инструмент помогает мне держать мой код в чистоте и порядке. Однако, признаться честно, настройка ESLint может быть непростым испытанием. Особенно отмечается отсутствие автодополнения в Visual Studio Code, которое подсказывало бы доступные правила для этого инструмента.

Но вот, с выходом версии 9.0.0 ESLint, на свет появился новый инструмент — ESLint Config Inspector! Ура, победа 🤩

ESLint Config Inspector — инструмент, который поможет вам лучше понять и изучить ваш файл конфигурации. Просто запустите его через командную строку и откройте браузер по адресу localhost:7777. Здесь вы увидите наглядное представление вашего файла конфигурации и сможете свободно осматривать правила, плагины и настройки языка.

🤘 Основные функции ESLint Config Inspector:

— Обзор конфигурации: узнайте, какие настройки используются в вашем проекте.

— Сопоставление путей: узнайте, какие правила применяются к конкретным файлам.

— Доступные правила: ознакомьтесь со всеми правилами из установленных плагинов.

Теперь настройка ESLint будет не только проще, но и приятнее. Юзаем такое?

👩‍💻 Arc — переосмысленный взгляд на интернет

Попробовав браузер Arc один раз, трудно вернуться к 👩‍💻 Хрому. Он удивляет своим удобством и приятным пользовательским опытом.

Arc поддерживает все расширения, доступные для Хрома, что безусловно является его преимуществом. Ведь Хром славится множеством полезных расширений.

Кроме того, Arc имеет 👩‍💻 режим разработчика, который облегчает доступ к консоли или вкладке нетворкинга прямо из адресной строки.

Он также позволяет скрыть панель вкладок (сайдбар), что увеличивает рабочее пространство для открытых вкладок. Мне также очень понравилась возможность сделать окно браузера очень узким, чтобы оно напоминало размер телефона. В Хроме у меня не получалось добиться такого же узкого окна.

Хотя переход полностью на Arc мне не удался по одной причине: он базируется на движке Хромиума и, как следствие, сталкивается с теми же проблемами оптимизации. Это, например, значит, что заряд аккумулятора быстрее расходуется при просмотре видео на YouTube в Arc или другом браузере на основе Хромиум, чем в в том же Safari, сделанный на WebKit.

Поэтому для повседневных задач я пользуюсь 👩‍💻 Сафари, а для разработки у меня Arc.

🚀 React 19 доступен для всех!

Бета-версия 👩‍💻 React 19 доступна в первую очередь для разработчиков библиотек, чтобы они могли подготовить свои продукты к предстоящему крупному обновлению. Рекомендуем разработчикам приложений обновиться до версии 18.3.0 и ожидать стабильного релиза React 19.

Но ничто не мешает вам установить React 19 в новый проект и познакомиться с изменениями заранее. Ознакомиться с нововведениями, которые появятся в новой версии, можно здесь.

Инструкции по обновлению до React 19 представлены в отдельной статье.

Неожиданным изменением для меня стало удаление поддержки propTypes в React 19, которую я использовал в рабочих проектах. Разработчики React рекомендуют переходить на 👩‍💻 TypeScript или другие средства проверки типов.

Что-то я постоянно пишу про 👩‍💻 Bun, а вот сайт 👩‍💻 Node.js обновился. Он выглядит более привлекательно по сравнению с предыдущей версией. Теперь он также содержит примеры кода, которые можно использовать с NodeJS

Кстати, вышла 22-я версия 👩‍💻 Node.js

Среди интересных нововведений: добавлен Watch Mode. Теперь не нужно устанавливать nodemon для этого. Watch Mode автоматически перезапускает запущенное приложение после каждого обновления файлов.

Также стоит отметить, что Node.js 18 выйдет из эксплуатации в апреле 2025 года, поэтому рекомендуется начать планировать обновление до Node.js 20 (LTS) или Node.js 22.

На этой неделе вышел 👩‍💻 TypeScript 5.5 Beta

Предикаты выводимых типов
Теперь, к примеру, filter(x => x !== undefined) возвращает массив с типом Bird, вместо (Bird | undefined). Ранее это исправлял ts-reset.

Импорт типов в JSDoc
Типы TypeScript можно будет использовать в JSDoc без необходимости переписывать код с JS на TS.

Проверка синтаксиса регулярных выражений
TypeScript теперь может выявлять ошибки в регулярных выражениях ещё на этапе компиляции, экономя время на отладку.

Более подробно со всеми новшествами можете ознакомиться в статье.

Arc выкатили в открытый доступ свой браузер для 👩‍💻 Windows 11

Для десятой Винды поддержку добавят позже 😊

— arc.net/download

👟 OpenAI и Stack Overflow теперь сотрудничают

В рамках этого сотрудничества:

▪️OpenAI планирует использовать OverflowAPI от Stack Overflow для улучшения производительности своих моделей, сотрудничая с компанией. Это позволит OpenAI улучшить свои искусственные интеллектуальные модели за счет расширенного контента и обратной связи от сообщества Stack Overflow.

▪️Stack Overflow будет использовать модели OpenAI в рамках разработки OverflowAI. Это партнерство поможет Stack Overflow расширить возможности разработки технологий с использованием коллективных знаний.

В последнее время у 👩‍💻 StackOverflow есть проблемы с количеством пользователей на сайте и контентом, который публикуется пользователями. Трафик StackOverflow упал на 35%. Это может быть связано с тем, что разработчики стали более чаще использовать ChatGPT для исправления багов.

👍 Мелочь, но приятно

Чтобы удалить расширение в 📝 VS Code теперь не нужно перезапускать всё приложение. Достаточно перезапустить только плагины.

🔎 Быстрый поиск в VS Code

Чтобы искать совпадения в файлах можно воспользоваться поиском в боковой панели, но теперь можно это делать в поисковой строке

Смягчение углов в 🎨 Фигме (corner smoothing) — это ещё одна фича, которая есть в Фигме, но не имеет аналога в CSS

В Фигме углы объектов можно сгладить с помощью функции "Corner smoothing" (Сглаживание углов). Это позволяет сделать внешний вид элементов более плавным и эстетичным.

Для использования этой функции:
1. Выберите объект или группу объектов, у которых вы хотите сгладить углы.
2. Перейдите в панель свойств объекта справа.
3. Найдите раздел с настройками закруглений.
4. В этом разделе вы увидите параметр "Corner smoothing". Переместите ползунок вправо, чтобы увеличить степень сглаживания углов.

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

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

Прошлый пост о том, что ещё не рекомендуется использовать в Фигме, можете прочитать здесь.