Максим

Из докуменации:

is an easy way to perform CSS transitions and animations when a React component enters or leaves the DOM

То есть, это не замена обычной css анимации, а как пишут авторы: легкий путь, чтобы писать css анимацию для реакт компонентов, которые появляются или удаляются из DOM

через свой набор классов.

Через ваш набор классов. С помощью transition group вы как раз указываете, какие классы будут использованы.

Предполагаю, что стоит не четкая задача + прокрастинация (в смысле: выбирать на чем делать, приятнее/труднее/совесть_меньше_пристает/и тд чем делать. Так как делать - это головняк, трудности (реальные) и все такое).

По поводу задачи:
= На backend работа с базой данных (CRUD) [окей, ±тянет на задачу]
= На фронтенде node.js с Angular 2 Universal. [а это уже выбор конкретных технологий, задача то какая? Задача скорее всего, выглядит как: сделать SPA (одностраничное приложение)]

Далее вы хорошо расписываете пункты. Поэтому частично прокомментирую:

Работать с базой данных (CRUD) через REST запросы, при этом добавление/удаление/изменение данных доступно только залогиненному через ГУГЛ, ВК или Твиттер пользователю в роли администратора — не ясно

Все очень просто, например, используете токен. Не лучший (зато простой), но все же пример с которого можно начать.

Придется ли использовать в таком случае backend на каком-нибудь php фреймворке типа Laravel или yii2?

Для "изоморфного" вам нужно научиться отдавать контент страницы в html. На чем делать - не важно.

Можно ли обойтись только фреймворками для node.js для таких вещей как CRUD + кэширование REST ответов от БД + кэширование изображений + сжатие страниц по типу gzip?

Не специалист, но думаю почти на все пункты "да".

Являются ли фреймворки на node.js более медленными по сравнению с php фреймворком на nginx в контексте запросов к бд и обработки данных?

Скорее да, но это какие-то узкие места, которые вряд ли сразу у вас всплывут. Опять же, тут не спец.

Резюмирую: вам нужно начать делать. Берете инструменты для backend и пишите API, потом берете "что-угодно" на frontend для взаимодействия с этим API.

p.s. Если задача запустить какую-то идею - вообще не переживайте за технологический стэк, просто берите и делайте хоть на том же sails, вообще не факт, что вам нужен изоморфный одностраничник...

p.p.s. Совокупность каких фреймворков backend + frontend является самым быстрым в контексте получения данных клиентом? - однозначного ответа нет, и вряд ли будет. Даже если придут люди с картинками, на которых нарисованы циферки тестов.

Предположу 2 ситуации:
1) Как вам уже сказали в комментариях, скорее всего вы "мутируете" массив, а не возвращаете новый. Например, вам не подходит, метод push, чтобы добавить элемент и вернуть новый массив, используйте concat.

2) Если вы подключили компонент (с помощью connect), и не прокидываете props вниз потомку, который в свою очередь не прокидывает эти пропс вашему компоненту, который не работает и находится на 3м уровне, не имея прямой связи... то и работать не должно. Чтобы "не прокидывать", можно использовать context, но вряд ли вам это сейчас нужно. Мне, пока что, context использовать напрямую не приходилось.

Скорее всего, где-то в коде проблема...
Но если читать ваш вопрос буквально, то кроме как setTimeout есть еще setInterval и requestAnimationFrame (все трое вам не подходят).

Обычно же, если хочется, чтобы функция выполнилась после получения какого-то результата, используют "коллбэки".

Проверьте версию webpack'a, у Кантора был скринкаст для ветки 1.x.x, а у вас по умолчанию, скорее всего поставился webpack 2.x.x

Отличие в командах разработчиков (сарказм, где-то и в коде они, наверняка, отличаются).
Преимущества: не нужно писать css код для реализации дизайна в стиле material

Использовать ExtractTextPlugin (гугл, офф.дока для 1й версии вебпака)

wesbos.com/emmet-react-jsx-sublime

Codepen

Для изменяемых данных в зеленом блоке, можно использовать state компонента. Устанавливаете state через функцию, которую передаете в props ( везде называется handleClick, но для удобства можете переименовать). Чтобы передать 'city' можно придумать разные варианты, например, с помощью data-*атрибута у элемента, который будет доступен внутри e.target.dataset.*

Зачем в constructor'e - this.XXX = this.XXX.bind(this) - жду ответ от вас )

Нет необходимости. Gulp справляется с вашими задачами не хуже (а может и лучше).

Используете ли вы с redux методы жизненного цикла (componentWillReceiveProps и тд..)

Конечно, используем.

У вас "инпут" не очищается, так как нет никакого кода за это отвечающего. Можете использовать например onBlur событие...

p.s. в целом код выглядит странно немного, может намудрили. Может сделать input неконтролируемым, оставить только "this.props.onChange", а в компонент Input передавать в value - todoName... (не вникал сильно в происходящее)
p.p.s. про контролируемые и не контролируемые компоненты на русском: раз (мини книжка по реакту, версия старая, но актуально в целом), два (переводы офф.документации)

Не могу сказать "хорошо/плохо/как лучше", так как всего примера не вижу, но если хотим сделать "как-то еще", то
можно использовать объект location

Например:

generateClassNames() {
    if (location.href.indexOf('list') {
        return '.wrapper--list'
    }
    ...
}
...
render()
....
let myClass = this.generateClassNames()
...
<div classNames={myClass}>
...

Так же, для работы с классами, удобно использовать пакет classnames