10.11.2023

Пульс веб-платформы 10.11.2023

астрологи объявили неделю AI, поэтому в Гитхабе объявили начало новой реальности, GitHub Copilot теперь будет в виде чата подсказывать код, посвечивать ошибки и уязвимости, а также улучшать код, писать тесты, план работы и всё это прямо на github.com 🧙‍♂️ (отделить маркетинг от реальности правда пока ещё предстоит в декабре этого года)
Дуглас Крокфорд (после того, как отговаривал всех писать на JS) написал новый язык Misty
как метрики Web Vitals помогли улучшить интернет (главным образом за счёт улучшения WordPress)
сорсмапы теперь будут генериться для прод-реакт-бандлов

библиотека для создания схем React Flow теперь есть и для Svelte — meet Svelte Flow
versel выпустили свой шрифт — Geist (да, это именно для того, чтобы о них ещё раз упомянули в новостях)
ещё одна попытка сделать норм DragNDrop либу (без привязки к фреймворку)
новенькие React-компоненты для Goggle Maps
больше кнопок богу кнопок (гигантская коллекция разнообразных кнопок, а также генератор кнопок на Tailwind)
тула для визуализации сорсмапов

паттерн проектирования Headless Component для React UI-ев
Compression Streams API — что это и зачем нужно (доступно во всех свежих браузерах)
хорошая ли идея собрать React Server Components без фреймворка (автор попробовал и так не думает)
немного обновившаяся оф дока по ‘use server’
психологическая статья про React Query, которая заставит вас захотеть использовать либу из-за легких угрызений совести
оказывается двойной запуск useEffect в дев-режиме — это не баг, а фича
только два слова — use-php
небольшой учебный курс по браузерному перфомансу
построение UI-элемента шторки (a la iOS, но на веб-технологиях)
как более корректно «выключать» кнопки при сабмите форм

и ещё немного про разделители в <select>: <hr>, <optgroup> и <hr> + <optgroup>
CSS-градиенты в реальной (или всё таки фэнтезийной?) жизни
как обойти «серые» зоны в градиентах
угадайка про HEX-цвета
демка про анимацию вариативных шрифтов
на что способно CSS-свойство content-visibility