Ilya

Не надо боятся лишних коннектов, если это решит вашу проблему. А вообще можно просто сделать <Load loading={store.getState().yourProperty}/>

Есть такая замечательная вещь как Gatsby

Почему при "FETCH PRODUCT" редьюсер возвращает объект а при добавлении массив? По сути "ADD_PRODUCT" должен работать чуть иначе:

case ADD_PRODUCT:
            return {
                ...state,
                {
                    products: [...state.products, action.product]
                }
            };

Имея достаточный экспириенс в экосистеме React и вообще во frontend, не думаю что будет крайне сложно освоить что-то новое. У меня был подобный случай, только про angular узнал спустя пару месяцев, просто получив проект. Советую освоить angular за чужой счет, лычка будет только плюсом, заодно сможете при дальнейшем трудоустройстве попросить побольше золотишка. Сменить галеру всегда успеете, заодно пока осваиваете angular, посмотрите как ситуация на палубе.

P.S. Angular 5 это не Angularjs, так что там все вполне себе хорошо)

сделай так:

$(document).on('submit', '#btnposts', functions() { /*код формы*/})

попробуй в конфиг добавить:

devServer: {
    historyApiFallback: true,
}