Вопросы React Frontend Developer

Аккордеон без JavaScript реализуется с помощью скрытого чекбокса и метки. Чекбокс хранит состояние открытия/закрытия, а CSS-селектор :checked управляет отображением контента. Для анимации используется CSS-переход свойства max-height или transform. Это простой и доступный способ создания интерактивных элементов без скриптов.

С точки зрения UX лучше использовать отдельный видимый label, а не placeholder. Placeholder исчезает при вводе текста, что заставляет пользователя запоминать подсказку. Label всегда виден, улучшает доступность для скринридеров и соответствует стандартам WCAG. Placeholder можно использовать как дополнительную подсказку, но не как замену label.