Кеширование на стороне клиента с Vue и Workbox service workers

Статья о стратегиях кеширования с помощью сервис воркеров и их конфигурации для приложений на Vue.

https://blog.logrocket.com/frontend-caching-in-vue-with-workbox-service-workers/

Используем JavaScript Clipboard API

Как копировать и вставлять не только текст, но и медиа с использованием Clipboard API

https://blog.openreplay.com/using-the-javascript-clipboard-api/

«По домам: frontend» — интервью с frontend-разработчиками.

В коротком видео из цикла «По домам: frontend» Никита Гаевой, тимлид из AvitoTech, рассказывает о том, как попал в разработку, о любимых технологиях и выборе инструментов, pet-проектах и подробностях разработки в Авито.

Посмотреть, как работают в Авито, можно тут.

Реклама. ООО «КЕХ еКоммерц». JapBI9YiQ

GIF без .gif

Наиболее оптимальные варианты изображений и видео на данный момент.

https://css-tricks.com/gifs-without-the-gif-the-most-performant-image-and-video-options-right-now/

CSS-In-JS для React приложения

Сравниваем Linaria и Styled Components.

https://blog.openreplay.com/css-in-js-solutions-for-react-linaria-vs-styled-components/

Полное руководство по модулям в браузере и NodeJS

Сравниваем синтаксис и работу ES Modules и CommonJS.

https://blog.openreplay.com/the-complete-guide-to-modules/

Преимущества использования pnpm

Почему стоит отдать предпочтение pnpm, ну или хотя бы попробовать его.

https://refine.dev/blog/pnpm-vs-npm-and-yarn/

Как создать игру в стиле GameBoy на 13kB

Опыт создания игры в олдовом стиле на TypeScript.

https://medium.com/hypersphere-codes/5905bf6166b2

Как бы вы рефакторили React компонент на 2700 строк?

Советы по рефакторингу большого компонента

https://code.pieces.app/blog/how-to-refactor-large-react-components

Изучаем тач события для Android и iOS во Vue

Подписываемся и модифицируем события с использованием vue3-touch-events

https://blog.logrocket.com/understanding-vue-touch-events-android-ios/

Мемоизация в React. Как работает useCallback.

https://refine.dev/blog/react-usecallback-guide/

Используем условные типы в TypeScript

Продвинутые техники работы с типами в TypeScript

UPD: если просит подписку для прочтения, просто откройте в инкогнито.

https://javascript.plainenglish.io/use-typescript-conditional-types-like-a-pro-7baea0ad05c5

Используем background-color для дебага разметки

Один из подходов для отладки расположения элементов, требующий всего нескольких строк CSS.

https://blog.openreplay.com/using-CSS-background-color-to-debug-web-pages/

Что такое рекурсия в JS

Объясняем одну из самых старых концепций программирования с примерами.

https://blog.openreplay.com/explaining-recursion-in-javascript/

Что нового в Dev Tools

Новые фичи для дебага JS, CSS, оптимизации и сетевых запросов.

https://www.smashingmagazine.com/2022/10/devtools-updates-halloween-edition/

Полезные CSS генераторы

Подборка из 10 CSS генераторов, которые немного облегчат верстку.

https://blog.bitsrc.io/the-best-css-generators-for-web-developers-c1f75ab145f6

🚀 FrontEndDev

Как протестировать сайт с помощью Cypress

Введение в end-to-end тестирование с Cypress.

https://javascript.plainenglish.io/testing-your-front-end-code-with-cypress-4a3c64ab89d4

Метапрограммирование с JavaScript Decorators API

Руководство по использованию Decorators API, который достиг 3 стадии (и доступен в babel).

https://2ality.com/2022/10/javascript-decorators.html