DarthJS

jsbin.com/fovujoti/2
чуть магии

Очень легко флексами центрировать контент. У родительского блока указываешь:

display:flex;
justify-content:center;

Родительскому элементу задай

display: flex; 
align-items: center;
justify-content: center;

Пример:

https://jsfiddle.net/23234234/5o41zw6e/

Так?

Какой профит в архитектуре приложения React + MobX + TS + OOP?

Если абстрактно ответить на этот вопрос, то профит - огромен. MobX - прекрасный фреймворк и позволяет писать поддерживаемый код. Намного лучше той лапши, которую пропагандирует Редакс.

Если углубляться в ваш пример, то выглядит всё странно. Например, мне совершенно непонятен этот пункт:

В том числе у нас теперь по правилам OOP есть view, model, controller - что собственно из маленького компонента делает огроменный компонет и еще в трёх файлах.

Компоненты Реакт - это исключительно View. Нету никакой логики делать model-компоненты, ибо вся модель лежит где-то в области MobX в файлах с расширением .ts. Реакт - это вьюшка и то, что они пишут модель и контроллеры во вьюшке - это странно.

this.addCssClassIf - пример того, где злоупотребляют наследованием там, где, очевидно, нужна композиция.

functional component

В Ф.К. лично я смысла вижу мало. В любом приложении нужны классические компоненты. Так зачем пользоваться двумя типами компонентов, если можно пользоваться одним.

pure

Чистый pure (простите за тафтологию) в Реакте встречается редко. Обычно только в каких-то мелких вьюшках. И pure как самоцель, на самом деле, не нужна, если только вы не гонитесь за временным хайпом.

Компиляторы-транспиляторы-трансляторы (типа Coffee, LESS, Jade), тест-раннеры, стайл-чекеры и линтеры (mocha, chai, karma, (js|es)lint, jscs), плагины для таск-раннеров (grunt-contrib-watch, gulp-jade) — все это обычно ставится как --save-dev, потому что нужно только тем, кто контрибьютит в этот проект, работает с его кодом.

Библиотеки и фреймворки (expressjs, jquery, backbone), на основе которых работает ваш код, без которых ваш код не запустится у его потребителя — ставятся как --save.

Гайдлайн от airbnb по оформлению кода.
Куча полезных ссылок по react + redux.

Подсказка:

Чтобы sum(1), а также sum(1)(2) можно было вызвать новыми скобками – результатом sum должна быть функция.

Но эта функция также должна уметь превращаться в число. Для этого нужно дать ей соответствующий valueOf. А если мы хотим, чтобы и в строковом контексте она вела себя так же – то toString.