➿➿➿➿➿➿➿➿➿➿
В новом выпуске «CSS Боль» показываем, как современный CSS убивает React. На реальном примере слайдера разбираемся, почему компонент разрастается до сотни строк — и как сделать его вдвое проще, ничего не потеряв.
Внутри — живой пример, где два компонента выглядят одинаково, но один написан «по привычке», а второй — с использованием возможностей современного CSS. После этого выпуска React перестаёт быть калькулятором для стилей, а CSS — «просто оформлением».
В выпуске:
✓ Классическая реализация слайдера на React: состояние, вычисления и условия
✓ Как перенести расчёты положения и состояний элементов в CSS
✓ Использование CSS-переменных и
calc() вместо JavaScript✓ Что такое «реактивный CSS» и как он работает вместе с React
✓ Когда можно начать использовать этот подход
🐭 Смотреть на YouTube
🐹 Смотреть в VK