Всем привет! Это «Новости 512» от CSSSR. В этом выпуске мы поговорим про выход Windows Subsystem for Linux в магазине приложений Windows, релизе Chrome 108 и Prettier 2.8, посмотрим, как подружить Deno с известными JS-фреймворками, пробежимся по оптимизации Vue-приложений, а также начнём следить за циклом по работе с картами и узнаем об опасностях Docker Hub.
Интересные публикации
В прошлом выпуске я упоминал официальный мануал от Deno. Ребята уже двигаются в этом направлении: в блоге Deno появился небольшой гайд по написанию приложений с Deno и фреймворками. Речь идёт о React, Vue и Express. По каждому фреймворку есть пример приложения с кодом и инструкциями. Примеры небольшие, но достаточные для того, чтобы завести и начать разрабатывать полноценное приложение. Так что если вы уже знакомы с фреймворками и никак не знали, как подружить их с Deno, этот гайд для вас. А ссылку на сам официальный мануал от Deno я добавлю в конце выпуска. Пока там размещена документация к API и по другим аспектам рантайма, а в будущем туда планируют добавить как раз вот такие гайды, только более развёрнутые.
Мишель Баркер (Michelle Barker) в Smashing Magazine написала статью об оптимизации приложений на Vue.js. Здесь затрагивается Vue Composition API, динамические импорты и разделение кода и ленивая загрузка с Vue Router. Внимание уделяется, конечно, и минификации, тришейкингу и сжатию кода бандла. Также Мишель касается работы с запросами и асинхронными компонентами. Получился довольно объёмный гайд по разным аспектам оптимизации, пусть неглубоко, но по многим аспектам. Поможет уложить в голове почти все известные методы оптимизации SPA на Vue.
В релизе Chrome 108 была добавлена поддержка дополнительных единиц измерения вьюпорта: малых, средних и динамических. На web.dev была опубликована заметка, которая объясняет, для чего эти самые новые единицы нужны. Новые единицы предназначены в основном для мобильных устройств с динамическими тулбарами. Размер вьюпорта может меняться, а разметки со старыми и относительными единицами — нет. Это вызовет переполнение или другое непредсказуемое поведение. Подробнее о том, как применять новые единицы и в каких случаях, — в статье Брамуса ван Дамме (Bramus Van Damme) на web.dev.
Одна из распространённых и часто сложных задач — работа с картами в разных веб-интерфейсах. Этому посвящён цикл Никиты Русанова на Хабре — цикл об архитектуре интерактивных карт на React с Mapbox. Это только первая часть, в которой описывается стек и знания, необходимые для работы с картами. Например, из каких слоёв они состоят, какие имеют компоненты, и другие аспекты работы с картами в приложениях. В следующих частях Никита планирует рассказать об архитектуре и создании поддерживаемой, масштабируемой системы карт. Цикл, на мой взгляд, обещает быть интересным, я продолжу следить за ним и рассказывать вам.
В мире стейт-менеджмента есть много решений и много мнений о разных стейт-менеджерах. Следующий материал посвящён Effector.js. Кто-то его ругает, кто-то хвалит, но в итоге решать вам. Андрей Маслов начал писать туториал из трёх частей по освоению Effector.js с нуля. Готовы уже первые две части, ссылки на обе вы найдёте в описании выпуска.
Закроет сегодня рубрику Салих Мубашар (Saleh Mubashar) и его небольшой шоукейс по кастомным скроллбарам. Раньше сделать кастомный скроллбар было очень и очень больно, да и сейчас не сахар. Америку автор не открывает, но быстренько проводит читателя по анатомии скроллбара и показывает небольшие примеры.
Новости релизов
Доступен Chrome 108. В новой версии доступны дополнительные единицы измерения вьюпорта, о которых мы уже говорили выше. Были добавлены новые методы для File System Access API и был удалён ряд устаревших API. Были предложены новые режимы оптимизации для экономии памяти и экономии заряда батареи. Пока они доступны только в Windows, MacOS и ChromeOS. Больше подробностей о релизе — в официальных обзорах от Google Chrome и Chrome DevTools.
Firefox по традиции оперативно отметился патчем 107.0.1. В нём была устранена одна проблема с зависанием в Windows 11 и другие минорные баги.
Вышел Prettier 2.8 с улучшением опции –cache: теперь можно указать расположение кеша с опцией –cache-location. Ещё добавили поддержку оператора TypeScript 4.9 satisfies. Кстати, о нем можно услышать или прочитать в предыдущем выпуске новостей. Я оставлю ссылку на новость и на предыдущий выпуск тоже, если пропустили.
Ещё релизами нас порадовал бандлер Rollup: вышли версии 3.4.0 и 3.5.0.
Были ещё и релизы СУБД и не только. Вышли MariaDB 10.10 и SQLite 3.40.0. Также отмечу релизы VirtualBox 7.0.4 и VMWare Workstation Pro 17.
Другие новости
Эта новость в принципе релиз, но попала в эту рубрику. Сейчас поймёте почему. Windows анонсировала выход WSL или Windows Subsystem for Linux в своём магазине приложений. Напомню, WSL — это слой совместимости для Linux-приложений. Первая версия технологии не получила хороших отзывов, потому что очень медленно работала из-за проблем взаимодействия с файловой системой. Вторая была намного лучше: она использует ядро Linux, и всё работает довольно-таки хорошо, отзывы положительные, работать комфортно можно. К чему экскурс в историю? Microsoft объявила о том, что теперь WSL 1.0 доступна в магазине приложений. Это вызвало путаницу. Не переживайте, это не возвращение к первой, тормознутой версии WSL. Это просто изменение способа доставки и обновления программного обеспечения. Под капотом будет то, что было WSL 2 с ядром Linux. Если ещё не пользовались на Windows — попробуйте.
Немного о безопасности. Мы привыкли к тому, что атакуют библиотеки и npm-пакеты, а исследователи безопасности из Sysdig обнаружили, что под ударом оказался Docker Hub. Более 1600 образов были вредоносными. Более 600 образов содержали компоненты для майнинга, порядка 300 — SSH-ключи, около 250 — средства обхода сетевых экранов и прокси. Такие дела. Используйте официальные образы или собирайте свои и будьте осторожны при использовании готовых.