evg_96

case ADD_PRODUCT_TO_CART_SUCCESS: {
  return state.setIn(["entities", payload.productUid], {...payload.product, count:  ВАШЕ_КОЛИЧЕСТВО});
}

В этом коде мы берем все что было в payload.product и по 1 полю добавляем в новый объект ( фигурные скобочки = новый объект), а так же добавляем поле count. Количество (count) вы так же, наверняка, будете передавать в экшене. Получится: count: payload.count (или как вы назовете поле в вашем экшене...)

Пример:

{ type: ADD_PRODUCT_TO_CART_SUCCESS,
    payload: { productUid, product, count: ваше_количество } // сюда count можно передавать из функции с помощью которой ваш экшен был создан...
  }

Работал с firebase и помню что делал так

const authenticateWithEmailAndPassword = (email, password) => {
    // console.log('authenticateWithEmailAndPassword',email, password)
    return dispatch => {
        dispatch({type: types.START_LOGIN});
        firebaseAuth.signInWithEmailAndPassword(email, password)
            .then(result => {
               //Здесь вы ложите email и пасс  пользователя  в users/people/id данного пользователя 
                dispatch(signInEmailPasswordSuccess(result))
            })
            .catch(error => {
                dispatch(signInError(error))
            });
    }
}

И в необходимый момент вы сможете взять всех пользователей из users/people/

Какой у вас роутер? Если четвертый, то должно быть так:

class App extends React.Component {
  render() {
    return (
      <div>
       <Switch>
          <Route exact path='/' component={Home} />
          <Route path='/signup' component={Registration} />
          <Route component={NoMatch} /> {/* для всех остальных адресов */}
        </Switch>
      </div>
    );
  }
}

Чтобы на эту страницу попасть, нужно использовать вместо <a> компонент из RR - <Link to='registration'>Регистрация</Link>

То есть вы внутри switch выбираете, что показывать! Значит вам еще нужно сделать компонент Home в котором уже разместить кнопку на регистрацию:

<Link to="/signup" className="btn btn-warning">Регистрация</Link>

"Рендерить его по другому" - подход неверный.

Надо разделять предустановленные значения, и те, что вводит пользователь. Так что просто числа хранить уже не получится - наверное, стоит сделать объект, который содержит в себе значение ячейки и её disabled. Как-то так.

Пытался нагуглить, но самостоятельно разобраться в простыне кода не могу.

Что-то вы странное нагуглили - на всё про всё строчек десять, никакой "простыни".

Вычисляете координаты начала текущего блока, затем обходите его (два цикла, один вложен в другой, от начальных координат до начальных + 3). Типа так.

Итак, у вас отсутствуют условия инициации загрузки комментариев в CommentsList:

componentWillReceiveProps({ isOpen, article, loadArticleComments }) {
      loadArticleComments(article.id)
  }

каждый раз когда компонент получает новые свойства он вызывает componentWillReceiveProps. С правильно настроенными параметрами в redux он это делать будет вечно. Исправить можно так:

componentWillReceiveProps({ isOpen, article, loadArticleComments }) {
      if (
           !article.commentsLoaded &&
           !article.commentsLoading &&
           !this.props.isOpen &&
           isOpen
         ) {
            loadArticleComments(article.id)
      }
  }

Расшифровывается так: если комментарии не загруженны и еще не загружаются и если список был закрыт и открылся, то можно загрузить комментарии. Как только они будут загруженны, проверка условий будет вылетать на первом шаге.

В редюсере не помню что было но надо так:

case "LOAD_ARTICLE_COMMENTS_SUCCESS": {
      return articleState
        .setIn(["entities", action.payload.articleId, "commentsLoading"], false)
        .setIn(["entities", action.payload.articleId, "commentsLoaded"], true);
    }

По окончанию загрузки комментариев, ставим статье статусы, что комментарии загружены.

Ну и осталось восстановить рендер в содержимого комментария в Comment и все будет работать:

return (
    <div>
      <h5>{comment.user}</h5>
      {comment.text}
    </div>
  );

Ну типа вот, дальше допиливайте сами:

class Game extends React.Component {
  state = {
    panesCurrent: [],
    panesDefault: [ 1, 1, 1, 0, -1, -1, -1 ],
    panesWin: [ -1, -1, -1, 0, 1, 1, 1 ],
  }

  componentDidMount() {
    this.reset();
  }

  componentDidUpdate() {
    if (this.state.panesCurrent.every((n, i) => n === this.state.panesWin[i])) {
      setTimeout(alert, 25, 'WIN');
    }
  }

  onClick(index) {
    const clicked = this.state.panesCurrent[index];
    if (clicked === 0) {
      return;
    }

    for (let i = 1; i <= 2; i++) {
      const t = index + clicked * i;
      if (this.state.panesCurrent[t] === 0) {
        const panes = [...this.state.panesCurrent];
        [ panes[index], panes[t] ] = [ panes[t], panes[index] ];
        this.setState({ panesCurrent: panes });
        break;
      }
    }
  }

  reset = () => {
    this.setState(({ panesDefault }) => ({
      panesCurrent: [...panesDefault],
    }));
  }

  render() {
    return (
      <div>
        <button onClick={this.reset}>reset</button>
        <div className="game">
          {this.state.panesCurrent.map((n, i) => (
            <div
              className={'pane ' + [ 'left', '', 'right' ][n + 1]}
              onClick={() => this.onClick(i)}
            ></div>
          ))}
        </div>
      </div>
    )
  }
}

.game {
  font-size: 5px;
}

.pane {
  display: inline-block;
  width: 10em;
  height: 10em;
  margin: 1em;
}

.pane.right::after,
.pane.left::after {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: monospace;
  font-size: 4em;
}
.pane.right::after {
  content: "-->";
  color: red;
  border: 2px solid red;
}
.pane.left::after {
  content: "<--";
  color: lime;
  border: 2px solid lime;
}

Принципиально ничем. Так что смело изучайте по книге, которую посоветовали, а особенности x64 потом доучите по другому материалу.

Demo

const cc = document.querySelector(`#${context[i]}`);

Demo

const elements = [
  { value: "pizza", active: true, hidden: false }, 
  { value: "sushi", active: false, hidden: false },
  { value: "steak", active: false, hidden: false }
];

elements.forEach(element => element.letters = [...element.value]);

console.log(elements[0]); // { value: "pizza", active: true, hidden: false, letters: ["p", "i", "z", "z", "a"] }

const moveTo = new MoveTo();
const triggers = document.querySelectorAll(".js-trigger");

for (let trigger of triggers) {
  moveTo.registerTrigger(trigger, target => {
    trigger.blur();
    
    if (target instanceof HTMLElement) target.focus();
  });
}