🎉 Результаты розыгрыша:

Победитель:
1. Филипп (@felix2d6)

Проверить результаты

Улучшаем UX c помощью scroll-select

Статья о преимуществах использования scroll-select, позволяющего пользователям легче находить нужные опции в длинных списках. А также примеры реализации и советы по интеграции.

https://blog.logrocket.com/improve-ux-with-scroll-select-box/

Ключ к стабильному деплою: npm ci

Короткая статья о том, почему важно использовать команду npm ci для обеспечения стабильного деплоя и как npm ci помогает избежать проблем в продакшн, обеспечивая точное совпадение зависимостей и оптимизацию установки пакетов.

https://dev.to/impranavkale/avoiding-production-disasters-with-npm-ci-the-key-to-stable-deployments-47ib

Используем TypeScript и TensorFlow для обучения модели

Пошаговые инструкции по процессу настройки окружения, подготовке данных и созданию модели на основе библиотеки TensorFlow

https://wanago.io/2025/02/03/machine-learning-typescript-tensorflow-training-first-model/

Релиз Vitest 3.0

Новые функции и улучшения: высокая скорость выполнения тестов и улучшенная поддержка TypeScript

https://vitest.dev/blog/vitest-3

Архитектура фронтенда на основе вертикальных слайсов

Как вертикальные слайсы могут помочь в масштабировании проекта и управлении сложностью приложения. Еще один взгляд на архитектуру фронтенд приложений.

https://amorgunov.com/posts/2023-05-28-vertical-sliced-architecture-in-frontend/

Оптимизируем Critical Rendering Path

О том, что такое Critical Rendering Path и о методах ускорения загрузки и отображения контента: минимизация CSS, JavaScript и оптимизация порядка загрузки ресурсов.

https://www.debugbear.com/blog/optimizing-the-critical-rendering-path

Flexbox Labs

Удобный генератор лейаутов с grid и flexbox элементами. Можно выбрать готовый вариант или тыкать и смотреть как применяются свойства для контейнера и вложенных элементов.

https://flexboxlabs.netlify.app/

Github: https://github.com/prazzon/flexbox-labs

Пишем более чистый и понятный код с eslint-plugin-de-morgan

Плагин предлагает правила для преобразования логических выражений, чтобы избежать избыточных операторов и улучшить читаемость

https://github.com/azat-io/eslint-plugin-de-morgan

TTFB и его значимость для производительности

Cтратегии для улучшения TTFB и общей скорости загрузки страниц с учетом различных факторов.

https://smashingmagazine.com/2025/02/time-to-first-byte-beyond-server-response-time/

Условные типы в TypeScript

Как использовать условные типы для упрощения кода и повышения его гибкости + примеры использования условных типов в различных сценариях

https://2ality.com/2025/02/conditional-types-typescript.html

Работа с Context API в React

Обзорная статья о том, как Context API помогает управлять состоянием приложения и шарить данные между компонентами без необходимости передавать их через props. Примеры использования Context API.

https://blog.logrocket.com/react-context-tutorial/

WebSocket и Socket.IO: в чем разница?

Основные различия между WebSocket и библиотекой Socket.IO: функциональность, удобство использования и идеальные сценарии применения. Из преимуществ Socket.IO: поддержка автоматического переподключения и возможность работы с несколькими протоколами.

https://jsdev.space/websocket-socketio/

Interop 2025

Очередной год новшеств и улучшений веб платформы. На что будет основной упор в 2025?

https://web.dev/blog/interop-2025

Задержки в Event Loop

Как возникают задержки в Event Loop и как они влияют на производительность NodeJs приложений. А также способы их мониторинга и устранения.

https://trigger.dev/blog/event-loop-lag

F.I.R.S.T принципы в тестировании

Улучшаем качество и эффективность тестов с применением принципов F.I.R.S.T. — вводная статья с примерами.

https://jsdev.space/first-principles-testing/

CSS Multi-Column Layout

Возможности CSS для создания макетов с колонками, как в газетах или журналах. Основные свойства, преимущества, ограничения и практические примеры применения Multi-Column Layout.

https://css-tricks.com/revisiting-css-multi-column-layout/

Интерактивная игра для изучения CSS anchor positioning

40 уроков для изучения основ и продвинутых техник при работе с anchor positioning.

https://anchoreum.com/#ru

Конкуренция за пропускную способность сети

Как одновременная загрузка множества ресурсов может замедлять отображение страницы и какие существуют стратегии для оптимизации этого процесса

https://www.debugbear.com/blog/bandwidth-competition-page-speed

Компонент звездного рейтинга на чистом CSS

Пример реализации компонента, а также его модификаций с использованием псевдоэлементов.

https://css-tricks.com/a-css-only-star-rating-component-and-more-part-1/