Сборщики: прошлое, настоящее и будущее

Исторический экскурс на тему бандлеров: почему приходится их использовать, как они работают под капотом, какие проблемы решают и как будут развиваться дальше.

https://www.youtube.com/watch?v=JUS6EPMbk0U

Сделайте ваше React приложение в стиле Windows 95

Библиотека React компонентов для ностальгирующих.

https://react95.github.io/React95/?path=/story/all--all

AbortController не только для fetch

Несколько вариантов использования AbortController'a, о которых мало кто знает, но которые могут быть сподручными при решении задач разработки.

https://kettanaito.com/blog/dont-sleep-on-abort-controller

Всем привет!
На связи команда RuStore.

Каждый день мы стараемся делать RuStore ещё удобнее и будем благодарны за вашу помощь. Примите участие в исследовании о работе магазинов приложений, заполнив небольшой опрос.

Это займёт не более 5 минут и поможет нам стать лучше.

Пройти опрос по ссылке

В чем разница между Dialog и Popover?

Разбираем отличия и аспекты использования Dialog и Popover.

https://frontendmasters.com/blog/whats-the-difference-between-htmls-dialog-element-and-popovers

Как использовать CSS свойство backdrop-filter

Примеры стилизации с backdrop-filter, которые помогут создать необычный эффект в пару строк.

https://blog.logrocket.com/use-css-backdrop-filter-property/

Используем Map вместо привычного Object

Дмитрий Павлутин рассказывает о том, как обойти ограничения обычных объектов для хранения данных с помощью Map.

https://dmitripavlutin.com/maps-vs-plain-objects-javascript/

Несколько советов по доступности

Кевин Эндрюс делится советами по accessibility, которые можно применять уже сегодня.

https://piccalil.li/blog/practical-accessibility-tips-you-can-apply-today/

ViteConf 2024

43 доклада с прошедшей конференции об экосистеме vite.

https://viteconf.org/24/replay

Управление памятью в JS c WeakRef и FinalizationRegistry

Что такое WeakRef и FinalizationRegistry, как и когда их стоит использовать и как это влияет на использование памяти.

https://jsdev.space/memory-management-js/

Поддержка различных видов масштабирования

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

https://blog.logrocket.com/understanding-supporting-zoom-behaviors-web/

Scroll Driven анимация карточек

Вариант замены привычной карусели

https://codepen.io/paulnoble/full/gOVPedz

Контекстно-зависимые анимации для фиксированных элементов

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

Демо | Github

https://tympanus.net/codrops/2024/10/09/exploring-playful-context-aware-animations-for-fixed-elements/

Несколько простых советов по использованию DevTools

От банального $0 в консоли до Edit and Resend Request в Network

https://www.freecodecamp.org/news/cross-browser-devtools-features

CSS Pattern

Сборник красивых фонов на чистом CSS

https://css-pattern.com/

Темы для проигрывателей Media Chrome

Набор тем для видео и аудио плееров созданных на основе Media Chrome для любых фреймворков.

https://player.style/

LocalStorage vs. IndexedDB vs. Cookies vs. OPFS vs. WASM-SQLite

Добавляем к привычному сравнению способов хранения данных на фронте новые: OPFS и WASM-SQLite

https://rxdb.info/articles/localstorage-indexeddb-cookies-opfs-sqlite-wasm.html

Создаем книжный магазин, используя React, Node и MongoDB

Большой и подробный туториал по созданию frontend и backend частей для онлайн магазина книг.

https://www.youtube.com/watch?v=pgw2KPfgK1E

Встречайте новый оператор безопасного присвоения

Какие плюсы использования оператора ?= и в каких кейсах его можно использовать.

https://jsdev.space/safe-assignment-operator/

3D анимация грида с scroll-triggered эффектами

Очередной красивый концепт анимаций и переходов с использованием скролла.

Демо | Github

https://tympanus.net/codrops/2024/10/16/staggered-3d-grid-animations-with-scroll-triggered-effects/