Тестируем Vue компоненты

Советы по тестированию Vue компонентов с Vitest и Vue Test Utils.

https://betterprogramming.pub/testing-vue-components-the-right-way-a5a0dfb819a2

Аудиоплеер на React

Подробный туториал по созданию веб плеера

https://blog.logrocket.com/building-audio-player-react/

Интегрируем Cache API с Service Workers

Простой способ кешировать статику с помощью Service Workers.

https://blog.openreplay.com/integrating-the-cache-api-with-service-workers/

CSS цвета высокого разрешения

Обзор цветовых моделей CSS, а также советы и тонкости при работе с цветами в Chrome.

https://developer.chrome.com/articles/high-definition-css-color-guide/

Когда и как использовать свойство CSS will-change

Расскажем о том, что за свойство will-change, и как оно может быть полезным для оптимизации рендеринга.

https://blog.logrocket.com/when-how-use-css-will-change/

#google-chrome #devtools

Что нового завезли в DevTools (Chrome 111)

Совсем недавно вышел Chrome 111 и принёс не только исправление старых ошибок, но и добавление новых, а также приятные фичи в DevTools, о которых мы с вами сейчас и узнаем.

Рейтинг: 20

Читать

Создаем менеджер задач на React + Hygraph

Пример приложения, который использует headless CMS Hygraph в качестве бэкенда.

https://code.pieces.app/blog/build-crud-task-manager-react-hygraph

Используем MutationObserver API для работы с элементами, которых пока нет.

О работе с интерфейсом, позволяющим отслеживать изменения в DOM и работать с новыми элементами.

https://www.macarthur.me/posts/use-mutation-observer-to-handle-nodes-that-dont-exist-yet

Асинхронное поведение в JS

О том, как JS обрабатывает асинхронный код и почему это важно знать для разработки.

https://blog.bitsrc.io/javascript-101-all-about-async-behavior-9b2a3a693f7a

Feature Sliced архитектура

Обзор Feature Sliced архитектуры, ее достоинств и недостатков, а также сравнение с модульной архитектурой.

https://blog.bitsrc.io/understand-the-most-reliable-frontend-architecture-c8578e3166b

Знакомимся с анимацией GSAP в React приложении

Пошаговый туториал по работе с библиотекой GSAP для анимации.

https://dev.to/franklin030601/animations-with-gsap-react-1nok

Собеседование по TypeScript: 20 вопросов и ответов

Популярные вопросы, которые стоит повторить перед собеседованием

https://habr.com/ru/company/ruvds/blog/419993/

Эффект анимации при наведении с Clip-Path

https://tympanus.net/codrops/2023/03/01/double-image-hover-effects-with-clip-path-animations/

Исходники на github

#разработка #стартапы

Плохие практики разработки, которые до сих пор встречаю в стартапах

Рейтинг: 97

Читать