Всем Привет! В этой статье разберем как создать простой компонент модального окна в React JS с нуля. Если задать в поиске фразу - модальное окно для React JS, то можно найти огромное количество готовых библиотек. Так сказать - подключай и используй. Но, чтобы понять, как именно это работает, нужно хотя бы один раз написать компонент модального окна самостоятельно. В нашем случае это будет SimpleModal Component, но Вы можете назвать его по своему. Если формат изложения материала в виде текста Вам не подходит, то можете посмотреть видео или скачайте готовый проект с github...

Итак, сегодня мы научимся делать плавный скролл на jQuery. Демо на codepen Разметка Создаем 4 кнопки и 4 секции. <button>1</button> <button>2</button> <button>3</button> <button>4</button> <div>Секция 1</div> <div>Секция 2</div> <div>Секция 3</div> <div>Секция 4</div> Стили Создадим внутренние отступы — padding и установим серый фон для каждой второй секции для визуального разделения. .section {padding: 70px 0;}. section:nth-child(2n) {background-color: #eee;} Что получилось Интерактив В jQuery создаем событие клика на кнопку, предварительно проставив классы с префиксом js-...