​​Что почитать сегодня – NOTA Frontend Daily Digest. 1. Веб ожирел не по незнанию Статья анализирует проблему "ожирения" веба из-за избыточного и ненужного кода. Автор рассматривает, почему веб-страницы стали тяжелее (средний размер превысил 2.4 МБ), и указывает на отсутствие реальных страданий разработчиков от проблем пользователей. Предлагаются решения для улучшения производительности и качества кода, а также критика современных бизнес-моделей, способствующих "ожирению" веба. https://abatickaya.medium.com/%D0%B2%D0%B5%D0%B1-%D0%BE%D0%B6%D0%B8%D1%80%D0%B5%D0%BB-%D0%BD%D0%B5-%D0%BF%D0%BE-%D0%BD%D0%B5%D0%B7%D0%BD%D0%B0%D0%BD%D0%B8%D1%8E-beb7233e9d7f ———————————————————— 2. Hot React Testing Practices II. Every idea starts off small and grows… Блэйн Кастен делится своими мыслями об эволюции практик тестирования React. Он рассказывает о важности разделения бизнес-логики и компонентов UI/UX, а также о преимуществах использования чистых функций для упрощения тестирования. Автор подчеркивает пользу подхода Facebook к разработке, когда бизнес-логика выносится за пределы компонентов, что упрощает тестирование и улучшает архитектуру кода. https://medium.com/@blainekasten/hot-react-testing-practices-ii-1dfe9445bf21 ———————————————————— 3. Learn CSS transform animation Статья служит руководством по использованию CSS свойства transform для анимации элементов на веб-страницах. Автор описывает функции translate, scale, rotate и skew, демонстрируя, как они могут менять положение, размер и форму элементов. Также рассматривается свойство transform-origin, определяющее точку, относительно которой выполняется трансформация. Подробные примеры кода и советы помогают читателям понять, как создавать динамичные и интерактивные анимации для своих проектов. https://medium.com/swlh/learn-css-transform-animation-zero-to-hero-6a2a643bd56b ———————————————————— Теги: #devblog #react #qa #html_css