Yandex for Frontend

⏮ Тренды JavaScript, Doom в console.log(), Freenginx, поиск медленного кода в React и целый ряд новых инструментов — это и многое другое в свежем дайджесте Yandex for Frontend!



Делимся важными и актуальными материалами о фронтенд-разработке. В этот раз собрали для вас действительно много статей, гайдов и видео



Куда сходить:



🟡 8 июня — «Я 💛 Фронтенд»



Большая конференция для всех, кто влюблён во фронтенд-разработку. Приходите, чтобы послушать про последние технологии, фичи и инструменты.



Почитать:



🟡 Юниты относительной длины на основе шрифта в CSS

🟡 Иконки сайтов в 2024 году

🟡 Гид: Code Coverage

🟡 Тренды JavaScript и TypeScript

🟡 Гид по центрированию <div> в CSS

🟡 Figma закрыла Dev Mode

🟡 Как зафиксировать <dialog> при прокрутке страницы

🟡 Гид по селектору :has()

🟡 Часы с помощью синусов и косинусов в CSS

🟡 Цвета, пространство, математика

🟡 Doom в console.log()

🟡 Стили для печати

🟡 HTML-стриминг и алгоритмы различения DOM

🟡 Развитие веба и пользователи со слабым железом

🟡 Margin как повторно используемый компонент

🟡 INP стала метрикой Core Web Vital

🟡 Сборник задачек по TypeScript с онлайн-проверкой

🟡 WebSockets, Server-Sent-Events, Long-Polling, WebRTC и WebTransport

🟡 Ещё один сборник задач на TypeScript

🟡 Почему вам не нужно модальное окно

🟡 Подходы к анимации границ в CSS

🟡 Ускоряем вращение элемента при наведении курсора

🟡 Практики написания тестов с помощью React Testing Library

🟡 Три инструмента мемоизации в React



Инструменты:



🟡 jQuery 4.0.0 — новая версия фреймворка

🟡 Обзор браузеров — новые функции в стабильных и бета-версиях

🟡 Observable 2.0 — инструмент для построения дашбордов данных (и отдельный сайт с примерами)

🟡 Expo — инструмент для создания кросс-платформенных приложений на React

🟡 Aceternity UI — готовые компоненты, которые можно использовать через copy/paste

🟡 Compiler, Actions и функции Canary — новые фичи React

🟡 Бета-версия JavaScript Registry — большой опенсорсный реестр модулей

🟡 Freenginx — народная альтернатива nginx от Максима Дунина

🟡 Storybook 8 — список обновлений

🟡 Million Lint — поиск медленного кода в React

🟡 VitePress 1.0 — новый SSG для создания контентоцентричных сайтов

🟡 Angular and Wiz — объединение фреймворков



Посмотреть:



🟡 Turborepo — монорепозиторий для повышения скорости разработки

🟡 Как поживает стандарт ECMAScript — кто такие TC39 и Interop

🟡 Node_modules и интересы бизнеса — доклад на HolyJS

🟡 «Как это можно переписать?» — подходы к написанию одного и того же разными методами

🟡 Управление сайтами с помощью голоса — доклад на HolyJS

🟡 Новая архитектура для React Native — бодрый видеоблог

🟡 Фильм о создании Node.js — документалка от Honeypot



🔜 Если хотите получать нашу рассылку по почте, то подписаться можно здесь.



Подписывайтесь:

💬@Yandex4Frontend