Где-то была ошибка. Перепиши иммутабельно и проверим.

А вот я в провайдер передаю стор, получается он должен всем детям быть доступен как props.store?

Filter.jsx, handleChange:

handleChange = ({ target: { value }}) => { this.setState({ value }) this.props.handleFilter(filterQuery) }

А вот я в провайдер передаю стор, получается он должен всем детям быть доступен как props.store?

Да, он в виде context спускается ко всем children. Сейчас посмотрим, как ты его используешь.

Напрямую не рекомендую к нему обращаться.

Я вообще не смог к нему обратиться без коннекта, так и должно быть?

Я для того чтобы к нему обращаться создал AppContainer

Мне кажется это неправильным

AppContainer не нужен

Он внутри this.context.store

Как props.store он не доступен

А почему у меня стор доступен как 2 редьюсера?

Не понимаю, что значит как 2 редьюсера

В imagegrid можно видеть что я стэйт через редьюсер получаю

store.filterReducer.map - это в imagegrid.jsx

Не называй store = state - это путает самого тебя const mapStateToProps = state => ({ store: state, });

Ты сам себя запутал неверным наименованием переменных

Когда ты создаешь корневой reducer ты используешь combineReducers

Это помощник, который на основании ключей переданных и соответствующих им редьюсерам создает в state соответствующие ключам разделы.

Потому используя например следующий код: const rootReducer = combineReducers({ filter: filterReducer, size: sizeReducer, });

Ты получишь filter и size в state

Ну теперь понятно почему так, у меня еще возникла проблема с preloaded state в createStore я в него отправлял images

Но он все равно не был доступен

Я могу как-то получить в дочерних компонентах доступ к preloaded state

У тебя корневое состояние выглядит, как { filterReducer: [], sizeReducer: '123132px' }

Я в корне не согласен с наименованием и методикой работы

filterReducer - не должно быть

Тебе не нужен доступ к preloadedState

Ты несколько не понимаешь логику работы redux

У тебя должен быть единственный reducer - image

Который хранит набор картинок

При mapStateToProps

Ты можешь делать фильтрацию

подскажите, redux использует реактовский context?

Да

Точнее не redux

react-redux

redux ничего не знает про react

В react-redux есть Provider, который инкапсулирует store в context

И уже используя connect вы можете сделать map state и actionCreator на props

Ну получается в image reducer я импортирую images и через mapStateToProps и connect передам их в нужный мне компонент?

Да

Тогда не совсем понимаю почему используют библиотеку, которая зависит от контекста, который находится под статусом deprecated? Т.е. есть вероятность, что контекста не будет в следующих версиях

Тогда не совсем понимаю почему используют библиотеку, которая зависит от контекста, который находится под статусом deprecated? Т.е. есть вероятность, что контекста не будет в следующих версиях

Наверное потому что разработчик redux входит в основную команду react

Так же скажу вам больше, сейчас идет полным ходом разработка fiber для перехода на stateless компоненты

Наверное потому что разработчик redux входит в основную команду react

это самый весомый аргумент или есть другие?

И будет рефакторинг всего react мира

Самая главная причина, что это удобно и решает практические задачи просто, какие именно - можно поговорить подробнее.

Но у @acemarke написано больше

Самая главная причина, что это удобно и решает практические задачи просто, какие именно - можно поговорить подробнее.

спасибо за ответ

кстати, какой смысл в mapDispatchToProps?

mapDispatchToProps обертывает ваши actionCreator в dispatch и делает map в props.

Тогда не совсем понимаю почему используют библиотеку, которая зависит от контекста, который находится под статусом deprecated? Т.е. есть вероятность, что контекста не будет в следующих версиях

он не deprecated, возможно изменится API, но полностью отказаться от него не получится

он не deprecated, возможно изменится API, но полностью отказаться от него не получится

ну я ниже добавил уточнение

Имея например actionCreators: login, logout, signup и делая так: connect(null, { login, logout, signup })(YourComponent) Вы можете обращаться к ним напрямую this.props.login

Это упрощенная форма connect

Где вторым аргументом передается объект

Как же тяжело в telegram после Discord. Хочется нормального форматирования js.

Ну получается в image reducer я импортирую images и через mapStateToProps и connect передам их в нужный мне компонент?

Я рекомендую на текущем этапе на разделять компоненты на presenter и container. Так как вы только учитесь.

Я рекомендую на текущем этапе на разделять компоненты на presenter и container. Так как вы только учитесь.

Это для меня самая сложная часть, я поэтому и стал разделять чтобы понять. Получается мне нужен image reducer который будет просто грубо говоря хранить все данные и из него я буду их все что нужно отправлять в компоненты.

В данной ситуации вам даже редьюсеры не нужны вы только храните информацию о картинках и никак ей не управляете

@DanDanDan Фильтрация делается с помощью механизма selector в mapStateToProps

@Dandandandan SliderContainer.js Используйте упрощенную форму mapDispatchToProps как объект: import { connect } from 'react-redux'; import { changeSize } from '../actions'; import Slider from '../components/Slider'; export default connect(null, { changeSize })(Slider);

@Dandandandan FilterContainer.js полность переделывется с использованием selectImageListByName

@Dandandandan Так же можете использовать для indexOf побитовый оператор ~ ~i.name.toLowerCase().indexOf(action.filterQuery.toLowerCase())

ERROR: S client not available

Народ, советую посмотреть в заголовки озона, который ozon.ru :))))

"name": "X-Recruiting", "value": "Like web development? Come write ours: http://job.ozon.ru/"

))))

рекрутеры-затейники мля )))

перейдите https://job.ozon.ru и кликните "Senior IOS разработчик"

тож весело

У них там Bitrix, без Senior Web Architect не обойтись

подскажите, а пагинацию можно сделать без стороны сервера просто ответ порезать на части ?

если да, то дайте либу для реакта

Нет, религия js запрещает резать ответ

подскажите, а пагинацию можно сделать без стороны сервера просто ответ порезать на части ?

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

Ну тебя либу попросили, а ты средства языка

Должен быть react-array-slicer-for-pagination-client-only

Лучше isomorphic-react-array-slicer-for-pagination

https://github.com/PositronicBrain/reactSumRedux

Кто использует create-react-app, есть возможность без eject'a прикрутить css-modules и кастомные postcss плагины?

Кто-нибудь сталкивался с такими багами eslint? http://take.ms/5ss1f

Отступы в порядке, в пятницу ошибок не было, сегодня проект не запускается, выдает ошибку jsx-indent

Везде используется один стиль отступов, там даже видно что выше такой же стиль ошибку не вызывает, а ниже почему-то не определяет

Ребят, кто нибудь ставил https://stripe.com платежную систему? Подскажите пожалуйста есть ли проверенные способы внедрения этого дела на React клиенте? нашел я вот эту статейку, но она не внедряет доверия: https://davidwalsh.name/step-step-guide-stripe-payments-react

может я ошибаюсь и это действительно хорошая статья...

https://tproger.ru/translations/9-useful-tips-react/

Посоны, чем прокачать css (пост процесморы или препроц) что бы флексбокс максимально поддерживался на олдскульных браузерах? Какой сейчас феншуйный способ есть для этого?

уже гриды вот-вот повсюду будут - а ты fallback на flexbox

Ну а все же

уже гриды вот-вот повсюду будут - а ты fallback на flexbox

а можно подробнее на счет гридов?

а можно подробнее на счет гридов?

А что подробнее то? http://caniuse.com/#search=grid вот еще немного

??

Посоны, чем прокачать css (пост процесморы или препроц) что бы флексбокс максимально поддерживался на олдскульных браузерах? Какой сейчас феншуйный способ есть для этого?

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

Ребят, кто нибудь ставил https://stripe.com платежную систему? Подскажите пожалуйста есть ли проверенные способы внедрения этого дела на React клиенте? нашел я вот эту статейку, но она не внедряет доверия: https://davidwalsh.name/step-step-guide-stripe-payments-react

Ребят, а на счет моего вопроса ничего не известно?

Посоны, чем прокачать css (пост процесморы или препроц) что бы флексбокс максимально поддерживался на олдскульных браузерах? Какой сейчас феншуйный способ есть для этого?

Ты про автопрефиксер?

а можно подробнее на счет гридов?

https://habrahabr.ru/company/microsoft/blog/140715/