KnightForce

React позволит тебе сложное делать просто, - но сперва придется его понять.)

Чтобы получить элемент - используй ref :
<div ref={(elemDOM)=>{this.newEl=ElemDOM}}/>

Так получаешь - потом делаешь что хочешь.)

setTimeout(()=>{
    //Код - контекст привязал через стрелочную функцию
}, 5000)

renderToString() - в доках есть.)

https://facebook.github.io/react/docs/react-dom-se...

Есть форма и ее компоненты - собирай все изменения в state формы, а потом весь пул диспатч.
Потомки могут менять state родителя, если передать функцию.

Абстрактно: У тебя есть 1 узел слева на вложенности 500 узлов, 2 узел на вложенности 1000 и третий на 700, все в 3 разных направления и необходим, чтобы они работали синхронно от данных. И вот тут у тебя есть единый контейнер от которого и получаешь данные. А чтобы не передавать через цепочку props - используй контекст.

А также гарантия что все синхронно обновится. Везде доступны одни и те же данные.
Не нужно выстраивать цепочку обновлений через изменение родительского state.

Как-то так.
Установить:
npm install --save jquery .

Использовать:
import jQuert from jquery;

Про контекст:
https://habrahabr.ru/post/266407/

Теперь сам использую пробрасывая данные и функции для диспатча.

Попробуй PureComponent.
А в целом, обновляется только то где изменились данные, если только ты не пишешь при получении в state.

В редьюсере.

Абстрактно: У тебя есть 1 узел слева на вложенности 500 узлов, 2 узел на вложенности 1000 и третий на 700, все в 3 разных направления и необходим, чтобы они работали синхронно от данных. И вот тут у тебя есть единый контейнер от которого и получаешь данные. А чтобы не передавать через цепочку props - используй контекст.
Написано только что

React справится.
Я не использовал Angular, но в сравнении с jQuery - React намного лучше. Позволяет легко вытворять такое крутое, что на jQuery сложно реализовать.

Это как использовать для стилизации страницы только html атрибуты, а потом начать использовать css.)

От ситуации зависит.
Был компонент, который зависел от своих же данных - использовал state.
Но потом понадобилось добавить второй и чтобы они были синхронизированы - вот тут пришлось использовать store приложения.

Использовал его как шаблонизатор - рендерил в строку, было вполне удобно.)

Чтобы понять как работает Redux тебе нужно норм вкуривать React.
Хотя бы для того, чтобы не пугаться props.

Есть у тебя React. Это все просто JS объекты.
<Component /> - так позволяет писать движок jsx, который и React его использует.
Так как структура компонентная, ты должен думать как обновить компоненты в в другой части страницы.

Принцип такой: компонент обычно обновляется при получении новых свойств - props или когда меняется его объект состояния - state.

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

Что делает Redux:
Он не призывает отказываться от state.

Но есть общий контейнер данных. И когда данные меняются - меняются и компоненты, которые отображают именно эти данные.

Когда нужно что-то поменять - вызываешь dispatch - специальная функция reducer реагирует на это - и меняет данные как тебе нужно. Когда данные заменятся - компонент Propvider - вызывает рендер у своего дочернего компонента (тот что оборачивает Provider).
Например:

<Provider>
   <MyComponent />//Вот сюда Provider пробросит (запишет) новые props.
</Provider>

Записывает он это самое глобальное хранилище и все компоненты, для которых поменялись данные - перерисуются.

mapStateToProps - указывает какую часть этого глобального хранилища будет предоставлять provider.
Если у тебя оно такое:

{
   chunkStore: {},
   some: {}
}

То если mapStateToProps вернет{store: store.chunkStore}то Provider в props своего потомка пробросит такое: store: store.chunkStore. И ты будешь обращаться внутри к store, но там будет только часть chunkStore (не весь объект, а его поле).

mapDispatchToProps - т.к. subscribe нет, то это возвращает функции, которые могут внутри себя вызывать dispatch().

action - описывает то что и на что ты хочешь поменять. Какое поле и какие данные туда поместить.

На JS нужно получать все товары и по ним фильтровать.
Допустим у тебя 200 столов. 100 на 3 ногах, 200 на 4. 50 с квадратной крышкой, 150 с круглой.
Все это выглядит, например, так:

var tables = [
    {
        legs: 4, //Ножки стола
        cap: "squard" //Вормы крышки
    }
];
// В массиве типа 200 элементов
function sorting(params) {
    //объект с параметрами сортировки, типа "cap": "squard"
  
    return tables.filter((item)=>{
        let counter = true;
        for(let key in params) {
           counter =  (item[key]==params[key]);
           if(!counter) return false;
        }
        return true;
    }); 
}

Это очень абстрактно, для примера.
И выводи.