Как использовать High-Order-Reducer, react/redux?

Круто, но сейчас надо с этим разобраться.

Как протестировать keyDown и изменение url?

Andrew Ghostuhin, не мой.
Извините, если вы в этом профи, напишите пожалуйста, как оно должно быть

Как протестировать keyDown и изменение url?

Andrew Ghostuhin, Если я написал, что не гуглиться, значит, этот запрос не дал результата для меня.

Как протестировать keyDown и изменение url?

Andrew Ghostuhin, не могу я нагуглить это!!
Сам тест правильно написан?

Как протестировать keyDown и изменение url?

Andrew Ghostuhin,

it('test keyDown , switching tabs', () => {
    const A_KEY = 39;
    const props = {
      history: {
        hash: '',
        key: '',
        pathname: '/bob',
        search: '',
        push: jest.fn(),
      },
    };
    const enzymeWrapper = mount(
      <MemoryRouter
        initialEntries={['/', '/q1', '/q2']}
        initialIndex={1}
      >
        <Main{...props} />
      </MemoryRouter>,
    );
    enzymeWrapper.simulate('keyDown', [{
      which: A_KEY,
    }]);

    expect(props.history.push).toHaveBeenCalledTimes(1);
  });

Что здесь еще не хватает?
Сейчас ошибка

expect(jest.fn()).toHaveBeenCalledTimes(1)

Expected mock function to have been called one time, but it was called zero times.

Как протестировать keyDown и изменение url?

Как сделать без использования sinon?
И нужно ли тестировать то что изменяються роуты?
У меня сейчас ошибка

Invariant Violation: You should not use <Route> or withRouter() outside a <Router>

Как должен выглядеть тест, React/redux?

Без <Provider store={store}>
ошибка

Invariant Violation: Could not find "store" in either the context or props of "Connect(ReduxForm)".

Что такое моки?

Стоит ли так писать в constructor-e, react?

Максим, меня просто интересует возможна ли ситуация в которой будут проблемы с такой записью?
Или лучше так записать?

constructor(props) {
    super(props);
    this.state = {
      value: props.input.value,
    };
}
this.state = {
     value: this.props.input.value,
}

Стоит ли так писать в constructor-e, react?

Олег Гамега, в даном случае value может меняться в зависимости от того, какие пришли props.
Как лучше в таком случае сделать?

Как использовать eslint если в команде работают на разных платформах?

Алексей Ярков, чет не понял как решить, можно пожалуйста по подробнее?

Как использовать eslint если в команде работают на разных платформах?

Это не совсем ошибки, визуально ничего не видно.
это поэтому, что у меня в редакторе кеймап Visual Studio, а у них Mac OS X наверно. Менять не вариант.

Полноценный пример SSR для react/redux?

Илья Герасимов, Как можно частично покрыть, если стейт должен одинаковым быть?

Полноценный пример SSR для react/redux?

Илья Герасимов, Еще одно.)
Интересно услышать ваше мнение.
В каких проектах вы используете SSR? Просто у меня сейчас на сайте карта есть и там просто не хватает нервов с этим, плюс всякие ui-библиотеки тоже не очень поддерживаются.

Полноценный пример SSR для react/redux?

Илья Герасимов, Спасибо за помощь вам)

Полноценный пример SSR для react/redux?

Илья Герасимов, типа так отправить данные?

app.use('/', function (req, res) {
	res.json({message: `API Initialized!`});
}, handleRender);

а на клиенте просто принять ?

Полноценный пример SSR для react/redux?

Илья Герасимов, Спасибо вам за помощь. Сложилась хоть какая-то картина ... но есть еще один вопрос)
Сейчас надо делать запрос в базу, брать данные (это я сделал)
И вот как мне присылать эти данные вместе с целым состоянием и сделать чтобы на клиенте оно было таким же?
Как организовать этот момент что-то не доходит

Полноценный пример SSR для react/redux?

Все равно не понял как связаны серверные обработчики и редакс-дев, ладно.

Но мы же в сторе делаем подключение
типа так

const middleware = [thunk];

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const mapStore = createStore(rootReducer, composeEnhancers(
	applyMiddleware(...middleware)
));

Полноценный пример SSR для react/redux?

Илья Герасимов,
Надеюсь последний транш вопросов.)

2. Зачем?

Хотя бы для того, что подключить REDUX_DEVTOOLS.
Еще раз нужно уточнить ... я запускаю серевер, в хтмл которого прописываю подключения bundle.js (который предварительно збилдил) и уже сервер подтягивает этот файл плюс стили... ?! Сейчас так у меня.
Еще вопрос, как это задеплоить? не надо перегонять файл server через babel, как это должно запускаться на хостинге?

Полноценный пример SSR для react/redux?

Илья Герасимов,

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

Это означает, в самом рендере не создавать никаких переменных, не передавать стейт, в конструкторе ничего не записывать?

Сейчас у меня следующая ситуация ...
сделал рендер, но вывелся только хтмл, но я все удалил, так чтобы ни стейта ни пропсов нигде не передавалось, короче пару статических компонентов вивилось. Плюс ошибка - Uncaught SyntaxError: Unexpected token <.

Отсюда опять пару вопросов)
1. До того как я удалил все переменные в рендере и т.д., была ошибка ReferenceError: window is not defined. Почему так, как это исправить и сохранить всю логику?

2. Если у меня на клиета используются миддлеверы мне так же их передавать с сервера?
3.

Page.find(1)

- это запрос к базе?!
4. Достаточно ли просто запустить команду "babel-node src/server.js" чтоб все работало? или клиент надо отдельно запускать?

Полноценный пример SSR для react/redux?

Илья Герасимов, Большое спасибо вам!
Еще пару вопросов если можно.
  1. Сейчас я подключаю главный коспонент, который тянет за собой все actions, reducers...
  как организовать вебпак конфиг, чтобы это все нормально работало? (создавать отдельные или все в одном писать .... и что-то не доходит как должен он выглядеть для сервера)
  плюс сейчас начали вылезать ошибки типа window is not defined
2. Я так понимаю в таком случае девсервер уже не нужен ?!