Иван

Проверять свойство window.navigator.onLine

Не пойму что за два процесса на одном порту. В любом случае, нельзя.
А делается так, экспресс уже есть. Запускается скрипт, собирается фронт в папку dist/ к примеру, из этой папки index.html сервится экспрессом на любую страницу по флагу .route("*", "index.html").

То есть, по любому запросу ты отдаешь index.html, в котором скомпилированное реакт приложение, где уже подключается react-router-dom и само все пути решает. А на сервере держишь свои API endpoint'ы.

емнип, это зависит от шрифта.
например, у меня на макоси 10.12 значок мозга не выводится, но прекрасно выводится на 10.13 (в которую как раз завезли обновления emoji).

ООП - это компьютерная мечта о дамской сумочке. Которая большая внутри и крошечная снаружи.
Главное в хорошем классе - это интерфейс, позволяющий вообще не думать о том, что находится внутри класса.
Представьте себе черный ящик, решающий вашу задачу. Сформулируйте, каких внешних данных ему должно быть достаточно и какими внешними же признаками и логикой должен обладать этот ящик. Старательно абстрагируясь от того, что там будет происходить внутри (процедурное программирование приучает думать об этом, придется напрячься).

Простейший пример - jQuery.cookies. Кукисы в браузере хранятся неудобно для редактирования, но это проблемы внутри черного ящика, снаружи их быть не должно. Снаружи вам надо поставить куку и прочитать куку. С коротким списком возможных свойств. Вот это класс и реализует, вполне успешно. Буквально одним методом.
Мог бы этот метод быть простой процедурой? Да, конечно. Но как раз это - неважно.

"react": "^16.4.0",

import React, { Component, PropTypes } from 'react';

Понятно. Открываем документацию, и видим, что

Note:
React.PropTypes has moved into a different package since React v15.5. Please use the prop-types library instead.

Можно просто передать весь task, и все сведется к:
task.completed = !task.completed