Что присходило с Node.js в 2023 году: верхнеуровневый обзор новостей проекта для тех, кто не следит за развитием Node.js в реальном времени → https://blog.rafaelgss.dev/nodejs-2023-year-in-review
Таблица совместимости JavaScript-рантаймов: список различных API со статусом их поддержки в Node.js, Deno, Bun, workerd и других рантаймах → https://runtime-compat.unjs.io
This media is not supported in your browser
VIEW IN TELEGRAM
Pragmatic Drag & Drop: библиотека от создателей react-beautiful-dnd, призванная решить его ограничения и проблемы. Не зависит от фреймворков, легковесная (~4.7 КБ), полагается на возможности платформы, проверена в продакшене на Trello, Jira и Confluence → https://github.com/atlassian/pragmatic-drag-and-drop
Что происходит под капотом браузера при открытии страницы: описание закулисных процессов браузера и их влияния на UX, от DNS-запросов до выполнения JS → https://developer.mozilla.org/en-US/docs/Web/Performance/How_browsers_work
Современные команды Git, которые стоит использовать: обзор сравнительно новых (и поэтому малоизвестных) команд, делающих повседневную работу проще → https://martinheinz.dev/blog/109
ESLint Config Inspector, добавленный в ESLint 9.0.0 визуальный инспектор правил из вашего конфига, призванный упростить исследование конфигураций с большим количеством оверрайдов и плагинов → https://eslint.org/blog/2024/04/eslint-config-inspector/
Введение в CSS scope, новый механизм для ограничения области действия селекторов, позволяющий отказаться от использования соглашений по именованию вроде БЭМ или сторонних инструментов вроде CSS-модулей → https://12daysofweb.dev/2023/css-scope/
Как устроены кривые Безье, используемые в векторной графике и анимациях: объяснение с интерактивными примерами → https://blog.richardekwonye.com/bezier-curves
Ladle, альтернатива Storybook от разработчиков Uber с фокусом на быструю сборку, минимальный бандл и высокую отзывчивость интерфейса → https://ladle.dev
Миграция 500+ тестов с Mocha на нативный тест-раннер Node.js: разработчики Astro рассказывают о процессе переезда, обнаруженных проблемах и результатах миграции → https://astro.build/blog/node-test-migration/
Стоит ли использовать системные шрифты в 2024 году? Обзор потенциальных проблем, о которых полезно помнить при использовании системных шрифтов → https://pimpmytype.com/web-safe-fonts/
Внутри .git: обзор содержимого служебной директории git-репозитория для лучшего понимания устройства git → https://jvns.ca/blog/2024/01/26/inside-git/
JSDoc как альтернативный синтаксис TypeScript: обширное руководство по типизации JavaScript-кода для тех, кто по каким-либо причинам не может полноценно использовать TypeScript для написания кода, но может использовать его для тайпчекинга JS-файлов → https://alexharri.com/blog/jsdoc-as-an-alternative-typescript-syntax
Разрабатываем удобные вложенные меню: как инженеры Adobe реализовали вложенное меню, учитывающее тип ввода и направление движения курсора, и какие альтернативные подходы они рассматривали при реализации → https://react-spectrum.adobe.com/blog/creating-a-pointer-friendly-submenu-experience.htm
Classnames, коллекция сгруппированных по темам слов для вдохновения при выборе названий переменных/классов/функций → https://classnames.paulrobertlloyd.com
Предложение по категоризации уровней CSS: рабочая группа CSS-Next разработала определения CSS4 и CSS5 для категоризации множества новых возможностей, появившихся после CSS3 → https://github.com/CSS-Next/css-next/discussions/92
Module Federation 2.0, выросшая из Webpack и ставшая независимой от инструментов сборки реализация паттерна для разработки микрофронтендов и больших веб-приложений → https://module-federation.io
Бесконечная прокрутка с хорошим UX: основные UX-проблемы бесконечной прокрутки, подходы к их решению и бонус в виде чеклиста → https://www.smashingmagazine.com/2022/03/designing-better-infinite-scroll/
Выбираем менеджер версий Node.js: обзор плюсов и минусов пяти инструментов для управления версиями Node.js, от NVM до PNPM → https://pavel-romanov.com/5-node-version-managers-compared-which-is-right-for-you
Раскрываем потенциал анимаций, управляемых прокруткой: серия коротких видеоуроков по новому нативному API для анимирования элементов при прокрутке страницы → https://developer.chrome.com/blog/scroll-driven-animations-video-course
HTML Embed Code: