быстрее, есть еще юзМемо, типа уменьшает колличество рендера в тыщу раз

Что быстрее? А что там может быть медленно?

Тем чтобы не писать вот такое
shouldComponentUpdate(nextProps, nextState) { if (this.props.color !== nextProps.color) { return true; } if (this.state.count !== nextState.count) { return true; } return false; }

Ну и в целом классы многословнее

Чтобы измерить изменения, я создал этот тест, результаты довольно ошеломляющие! Просто при конвертировании классов в функциональные компоненты, мы получили прирост производительности в 6%. Но при обычном вызове компонента как функцию, мы получили около 45% прироста общей производительности.

Как и в случае с любыми тестами, не стоит принимать этот тест за чистую монету. Он был создан, чтобы показать пример использования Missive в случае, когда он должен как можно быстрее смонтировать / размонтировать очень большое количество компонентов (переходы между диалогами).
TL;DR

Если дело только в многословности и красоте кода, то почему Реакт? Это не лучшие его стороны!

также react hook forms считаются вообще в раза три быстрее, меньше рендера опять же

в деталях не расскажу, единственное, так с хуками код на много лаконичней

а что то кроме скорости есть в реакте

скорострел))

В каком порядке вызываются методы в этом примере?

В произвольном. Это слушатели изменений одноименных свойств компонента

так на вкус и цвет, мне за рекламу реакта не платят)

Синтаксис классов хорош для узкого круга задач. Для компонентов у которых есть лайфсайкл и прямой порядок выполнения кода - функции это самое логичное  представление

ну реакт больше подходит для переписывания старых проектов.

сейчас все новые проекте в основном пишутся на реакте

о госпади)) легаси переписывать ну его нах

лучше в этом аспекте