Когда и как использовать свойство 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

Читать

Работа с датами в JS

После прекращения поддержки Moment.js стал актуальным вопрос о выборе библиотеки для работы с датой. Вот вам несколько альтернатив.

https://blog.openreplay.com/dealing-with-dates-and-times--alternatives-to-momentjs/

Межстраничные переходы в React

Как сделать анимационные переходы с помощью React-Router и View Transitions API (без сторонних библиотек для анимации)

https://javascript.plainenglish.io/73ab52c6fd7b

#CSS #SVG

Рисуем верёвку в формате SVG при помощи JavaScript

Рейтинг: 54

Читать