Релиз Vitest 3.0
Новые функции и улучшения: высокая скорость выполнения тестов и улучшенная поддержка TypeScript
https://vitest.dev/blog/vitest-3
Новые функции и улучшения: высокая скорость выполнения тестов и улучшенная поддержка TypeScript
https://vitest.dev/blog/vitest-3
Архитектура фронтенда на основе вертикальных слайсов
Как вертикальные слайсы могут помочь в масштабировании проекта и управлении сложностью приложения. Еще один взгляд на архитектуру фронтенд приложений.
https://amorgunov.com/posts/2023-05-28-vertical-sliced-architecture-in-frontend/
Как вертикальные слайсы могут помочь в масштабировании проекта и управлении сложностью приложения. Еще один взгляд на архитектуру фронтенд приложений.
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
О том, что такое 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
Удобный генератор лейаутов с 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
Плагин предлагает правила для преобразования логических выражений, чтобы избежать избыточных операторов и улучшить читаемость
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/
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
Как использовать условные типы для упрощения кода и повышения его гибкости + примеры использования условных типов в различных сценариях
https://2ality.com/2025/02/conditional-types-typescript.html
Работа с Context API в React
Обзорная статья о том, как Context API помогает управлять состоянием приложения и шарить данные между компонентами без необходимости передавать их через props. Примеры использования Context API.
https://blog.logrocket.com/react-context-tutorial/
Обзорная статья о том, как 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/
Основные различия между WebSocket и библиотекой Socket.IO: функциональность, удобство использования и идеальные сценарии применения. Из преимуществ Socket.IO: поддержка автоматического переподключения и возможность работы с несколькими протоколами.
https://jsdev.space/websocket-socketio/
Interop 2025
Очередной год новшеств и улучшений веб платформы. На что будет основной упор в 2025?
https://web.dev/blog/interop-2025
Очередной год новшеств и улучшений веб платформы. На что будет основной упор в 2025?
https://web.dev/blog/interop-2025
Задержки в Event Loop
Как возникают задержки в Event Loop и как они влияют на производительность NodeJs приложений. А также способы их мониторинга и устранения.
https://trigger.dev/blog/event-loop-lag
Как возникают задержки в 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/
Улучшаем качество и эффективность тестов с применением принципов 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 для создания макетов с колонками, как в газетах или журналах. Основные свойства, преимущества, ограничения и практические примеры применения Multi-Column Layout.
https://css-tricks.com/revisiting-css-multi-column-layout/
Интерактивная игра для изучения CSS anchor positioning
40 уроков для изучения основ и продвинутых техник при работе с anchor positioning.
https://anchoreum.com/#ru
40 уроков для изучения основ и продвинутых техник при работе с anchor positioning.
https://anchoreum.com/#ru
ESLint теперь официально поддерживает линтинг CSS
https://eslint.org/blog/2025/02/eslint-css-support/
https://eslint.org/blog/2025/02/eslint-css-support/
Конкуренция за пропускную способность сети
Как одновременная загрузка множества ресурсов может замедлять отображение страницы и какие существуют стратегии для оптимизации этого процесса
https://www.debugbear.com/blog/bandwidth-competition-page-speed
Как одновременная загрузка множества ресурсов может замедлять отображение страницы и какие существуют стратегии для оптимизации этого процесса
https://www.debugbear.com/blog/bandwidth-competition-page-speed
Компонент звездного рейтинга на чистом CSS
Пример реализации компонента, а также его модификаций с использованием псевдоэлементов.
https://css-tricks.com/a-css-only-star-rating-component-and-more-part-1/
Пример реализации компонента, а также его модификаций с использованием псевдоэлементов.
https://css-tricks.com/a-css-only-star-rating-component-and-more-part-1/
Умельцы запустили DOOM на типах TypeScript
На самом деле один умелец. И чтобы это сделать ему понадобилось собрать отдельный мощнейший комп 🤯
https://www.youtube.com/watch?v=0mCsluv5FXA
На самом деле один умелец. И чтобы это сделать ему понадобилось собрать отдельный мощнейший комп 🤯
https://www.youtube.com/watch?v=0mCsluv5FXA
Реклама Typescript
Аксель Раушмайер рассказывает о преимуществах использования TypeScript для разработчиков и компаний и как он помогает в долгосрочной поддержке и масштабировании проектов.
https://2ality.com/2025/03/typescript-sales-pitch.html
Аксель Раушмайер рассказывает о преимуществах использования TypeScript для разработчиков и компаний и как он помогает в долгосрочной поддержке и масштабировании проектов.
https://2ality.com/2025/03/typescript-sales-pitch.html
Введение в View Transitions API
Использование относительно нового API для создания плавных переходов между разными состояниями элементов на странице
https://css-tricks.com/toe-dipping-into-view-transitions/
Использование относительно нового API для создания плавных переходов между разными состояниями элементов на странице
https://css-tricks.com/toe-dipping-into-view-transitions/