Anton Polyakov

Кажется, что в index.js не передан компонент App

Да и сам App по хорошему счету должен возвращать что-либо. Пропиши внутрь хотя бы

return (
<div> text </div>
)

Если хочешь +- базовый и рабочий шаблон для react, попробуй create-react-app

filter: blur(Xpx)?

Это тебе в JavaScript. При определенном значении clientHeight скрывать один текст и показывать другой

Приветствую. Вот хорошая статья, которая объяснит вам преимущество virtual dom. Что такое Virtual DOM?

Попробуй <StaticRouter>

Потому что ты перебираешь объект методом перебора массива?

Было бы разумнее использовать <Route to={}> <Component /> </Route>, подключая react-router-dom

Насчёт второго вопроса было бы неплохо создать переменную в SCSS и уже обоим параметрам задавать это значение, либо же mixin

- создаём блок
- задаём ему ширину, высоту, display: flex, border-radius
- внутрь него пропихиваем input type="text" placeholder="Enter your email" и блок, который будет кнопкой
- задаём для input размер height: 100% width: 70%. Для блока с кнопкой соответственно 100 и 30%
- цвета, картинка внутри кнопки, cursor: pointer на кнопку. Вроде всё

Вопрос непонятен совершенно, однако можешь попробовать через before создать блок.

npx webpack

Хм. Не будет ли проще сделать анимацию скролла через цикл for?

В SCSS имеется возможность прописывать media прямо внутри класса. Попробуй, это намного удобнее

Я бы посмотрел код

Вообще было бы лучше, если бы ты задал options какой-нибудь класс, и внутри него уже прописывал ta: center

В идеале выставить в input min="0", max="100", step="25".
А по внешней стилистике ищи свойства псевдоэлементов input type range в поисковике. Если не ошибаюсь, то для разных браузеров они разные.

Вы хотели сказать со второго индекса?)