Начну с небольшого анонса. На следующей неделе выпусков новостей не будет, а в последующие две недели новости будут выходить по одному эпизоду в неделю, на это время меня подменит мой коллега Сергей Головин. Ближайший выпуск новостей выйдет 6 августа.
Интересные публикации
Довольно часто встречаются материалы о реализации какой-то функциональности. Так, Крис Тшесневски (Chris Trześniewski) написал статью о реализации drag&drop при помощи Observables RxJS. Он демонстрирует базовую реализацию и дает ссылку на продвинутый пример. По его мнению, с RxJS гораздо проще управлять событиями и поведением, а декларативность добавляет удобства.
Раньше все пользовались Express для бэкенда на JS, потом близкими аналогами, потом пришёл NestJS, который обругали за декораторы (и не только) и в итоге начинают подзабывать. Теперь у нас есть новый фаворит — Fastify. Следующий материал — это отличный шанс с ним познакомиться. Элайджа Триллионз (Elijah Trillionz) написал статью, в которой создает CRUD на Fastify. Он знакомит читателей с базовыми понятиями и структурой, а затем реализует методы API для работы со статьями абстрактного блога.
Ни для кого не секрет, что некоторые ресурсы могут блокировать отрисовку страницы. Сиа Карамалегос (Sia Karamalegos) в своем блоге рассказывает, какие ресурсы это могут быть и как избежать блокировки. Если коротко, она пишет, что нужно минифицировать JS и CSS, применять ленивую загрузку к некритичным ресурсам и использовать атрибуты async, defer и module в соответствии с ситуацией. Естественно, она подробно разбирает каждый пункт.
Как часто вы задумываетесь о безопасности и HTTP-заголовках, которые с ней связаны? Если редко или хотите разобраться, добро пожаловать в статью Игоря Агапова на Хабре. На примере пары приложений он разбирает заголовки, приводит их в соответствие стандартам безопасности и анализирует их при помощи сервисов WebPageTest и Security Headers. Получился подробный гайд-туториал.
Пора ли прощаться с библиотекой для тестирования Enzyme? На этот вопрос в своей статье пытается ответить Петр Станёв (Piotr Staniów). Он считает, что пора: библиотека слишком медленно начинает поддерживать новые фичи React, сама команда React не советует ей пользоваться, она поддерживается одним человеком (что добавляет риска) и, наконец, на рынке уже много лучших альтернатив. Использовать Enzyme или нет — решать вам, а где-то он мог достаться вам по наследству. В любом случае, подробнее с аргументами Петра можно ознакомиться в статье.
Козима Мильке (Cosima Mielke) на SmashingMagazine собрала в одной статье ресурсы и инструменты для работы с цветами. Здесь можно найти как генераторы цветовых схем, так и просто ресурсы для вдохновения и новых идей.
Завершают рубрику две подборки плагинов для VSCode: первая представляет из себя список из 11 отдельных плагинов, а вторая предназначена для разработки с NextJS, состоит из нескольких десятков плагинов, а устанавливается в один клик из магазина плагинов. Посмотрите, возможно, там найдется что-то полезное для вашей повседневной работы.
Новости релизов
Вышел Chrome 92. В этой версии появилась возможность управлять компонентами Privacy Sandbox, что позволяет отключить новую рекламную фичу Google FLoC. На десктопах по умолчанию включен кеш переходов, была усилена изоляция сайтов и дополнений в разных процессах. Кроме того, была значительно увеличена скорость и эффективность определения фишинговых сайтов. Новая версия использует V8 9.2 и теперь браузер поддерживает метод at() для коллекций. В DevTools появился новый редактор гридов с функцией предпросмотра, были добавлены возможности фильтрации запросов из WebAssembly-кода и переопределения выражений const в веб-консоли, также была улучшена отладка ошибок CORS.
У Firefox очередное обновление 90.0.2. Была устранена небольшая проблема с урезанием печати и внесены изменения для включения DNS-over-HTTPS по умолчанию для пользователей из Канады.
Доступно Safari Technology Preview 128. Был реализован метод timeOrigin() для Performance API, были добавлены оптимизации JavaScript и исправлено несколько багов CSS. Вкладки веб-инспектора тоже получили небольшое обновление: имена CSS-переменных больше не преобразуются в lowercase на вкладке вычисленных значений, а неиспользуемые, унаследованные стили по умолчанию скрыты на вкладке стилей.
Вышел Laravel 8.51. Главное нововведение — вывод стектрейса исключений при падении тестов HTTP-запросов без временного отключения обработки исключений.
Также отмечу июльский Critical Patch Update для продуктов Oracle, не забывайте обновляться.
Другие новости
Напомню, что не так давно MDN начали поддерживать через репозиторий на GitHub. Это стало частью изменений, связанных с кризисом и сокращением расходов на поддержку ресурса. Из-за этого аккаунты MDN, по мнению Mozilla, стали не нужны, на 22 июля была запланирована очистка базы данных и отключение аккаунтов. По идее, это уже должно было произойти, так что если вдруг вы не сможете зайти или в принципе найти форму логина — всё в порядке, так было задумано. Команда Mozilla напоминает, что вы всё ещё можете контрибьютить, только теперь это нужно будет делать через GitHub.