Алексей Джо

Решение неверное. Общие стили импортируются один раз в корневом файле стилей. Если есть часто используемые переменные, то можно создать scss файл специально для них и импортировать его в различные компоненты уже по несколько раз.

Если апи нет, то просто верстаете так, как написано в требованиях. По-другому впринципе никак. Если api нет, то должны быть примеры json, с помощью которых можно использовать fakeApi.

здесь:

constructor() {
        this.state = {
            counter: 0,
            items: [1, 2]
        };
    }

    increase(this) {
        this.state.counter++;
    }

    addItem() {
        this.state.items = this.state.items.push(this.state.items.length+1);
    }

Там где конструктор нужен super(props);

Как вы и написали - websocket. Создаете обработчик события beforeunload и отправляете на сервер соответствующее сообщение. Но есть проблема, если пользователь закроет браузер, то это событие не сработает. Для этого установите на сервере время отклика, допустим 5 секунд, тогда через 5 секунд, если отклика от клиента не будет, на сервере можно будет вызвать нужный метод для установки пользователю статуса оффлайн.