Здесь точно не скажешь, зависит от компонетов. Глубоко пропсы передавать не удобно. Некоторые компоненты выгодно отдельно коннектить, если они часто апдейтятся

Спасибо!)

Всем привет! Нужно часть состояния приложения сохранять в БД. Сейчас состояние хранится в редюсере. Как лучше это реализовать? Вызывать из редюсера метод который отправляет данные совсем не хочется. Передавать данные как свойство в компонент и там слушать изменения в componentDidUpdate?

В какой момент эти данные нужно в БД отправлять? Из редюсера вызывать такие методы не стоит

В какой момент эти данные нужно в БД отправлять? Из редюсера вызывать такие методы не стоит

Вроде он хочет сокеты

наверное должна быть наоборот, из базы хранить в сторе, обновил базу, обновил стор, предположение

.

В какой момент эти данные нужно в БД отправлять? Из редюсера вызывать такие методы не стоит

по обновлению этой части состояния только когда в редюсер action соответсвтующий вызван например удобно что тут же обновления видны, сравнивать не нужно

по обновлению этой части состояния только когда в редюсер action соответсвтующий вызван например удобно что тут же обновления видны, сравнивать не нужно

Выглядит подходящим кастомный middleware который будет отлавливать этот экшн и отправлять запрос, там же и данные из store брать можно

Добрый день, имеется следующий код https://codesandbox.io/s/sweet-rgb-7nl0h, не могу решить проблему с фильтрацией данных, возможно проблема в reducers или app, в общем очень был бы признателен за помощь

Выглядит подходящим кастомный middleware который будет отлавливать этот экшн и отправлять запрос, там же и данные из store брать можно

у меня редюсеры динамически подгружаются и их много, разными людьми пишутся. Если я middleware под такие задачи добавлять начну, то уж лучше из редюсера отправлять) вообще думаю из actions нужно отправлять, у меня там все взаимодействие с сервером.

у меня редюсеры динамически подгружаются и их много, разными людьми пишутся. Если я middleware под такие задачи добавлять начну, то уж лучше из редюсера отправлять) вообще думаю из actions нужно отправлять, у меня там все взаимодействие с сервером.

Так в редюсере не правильно сайд эффекты делать, это противоречит редакс правилам, для этого миддлверы есть

у меня редюсеры динамически подгружаются и их много, разными людьми пишутся. Если я middleware под такие задачи добавлять начну, то уж лучше из редюсера отправлять) вообще думаю из actions нужно отправлять, у меня там все взаимодействие с сервером.

Из редьюсера - извращение

да шучу я про редюсеры, че вы)

Он должен быть чистой функцией от текущего состояни и текущего актиона и только так

да шучу я про редюсеры, че вы)

Фух, вы поосторожнее бы, а тут такого бывает прочитаешь, что корвалол пить приходится

Добрый день, имеется следующий код https://codesandbox.io/s/sweet-rgb-7nl0h, не могу решить проблему с фильтрацией данных, возможно проблема в reducers или app, в общем очень был бы признателен за помощь

Посмотри в консоли, что там лежит

у меня редюсеры динамически подгружаются и их много, разными людьми пишутся. Если я middleware под такие задачи добавлять начну, то уж лучше из редюсера отправлять) вообще думаю из actions нужно отправлять, у меня там все взаимодействие с сервером.

Что ты имеешь ввиду под actions? Просто ты там экшн не перехватишь. А в миддлвере можно

Что ты имеешь ввиду под actions? Просто ты там экшн не перехватишь. А в миддлвере можно

action передается в контейнер как свойство. Из контейнера вызывается. Если это action который обновит нужную часть состояния, то отправлять данные на сервер. как-то так пока придумал

action передается в контейнер как свойство. Из контейнера вызывается. Если это action который обновит нужную часть состояния, то отправлять данные на сервер. как-то так пока придумал

middleware не хочу пока трогать. только если общая задача под все приложение будет, сейчас это задачка под один из модулей

Привет, кто работал с react-stripe-elements?Поля из либы вообще как то кастомизировать без костылей можно?А то даже border не дает поставить или отступы

action передается в контейнер как свойство. Из контейнера вызывается. Если это action который обновит нужную часть состояния, то отправлять данные на сервер. как-то так пока придумал

Тогда уж логичнее передавать нужную часть state в container и там сверять с предыдущим. Это по сути то, что можно было в миддлвере сделать, будет в компоненте

Тогда уж логичнее передавать нужную часть state в container и там сверять с предыдущим. Это по сути то, что можно было в миддлвере сделать, будет в компоненте

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

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

Может я не правильно понял. Но ты хочешь экшн передавать в компонент-контейнер через пропс?

Может я не правильно понял. Но ты хочешь экшн передавать в компонент-контейнер через пропс?

не хочу взаимодействие с сервером в контейнер класть.

не хочу взаимодействие с сервером в контейнер класть.

Логично это было бы сделать в миддлвере как я тебе писал. Но раз ты не хочешь, тогда как ты собираешься сделать?

Логично это было бы сделать в миддлвере как я тебе писал. Но раз ты не хочешь, тогда как ты собираешься сделать?

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

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

Судя по всему ты это делаешь в санке и у тебя есть redux-thunk?

Судя по всему ты это делаешь в санке и у тебя есть redux-thunk?

ага

ага

Тогда в чем проблема была, если ты знаешь в какой момент это нужно делать и тебе не надо никакие экшн перехватывать. В санке и делай

Как правильно повесить на метод onChange метод debounce из lodash? <InputSearch className="search__input" value={inputValue} placeholder="Wallpapers" onChange={value => this.changeInputValue(value)} onPressEnter={this.submitSearch} onSearch={this.submitSearch} style={{ width: '100%' }} />

Как правильно повесить на метод onChange метод debounce из lodash? <InputSearch className="search__input" value={inputValue} placeholder="Wallpapers" onChange={value => this.changeInputValue(value)} onPressEnter={this.submitSearch} onSearch={this.submitSearch} style={{ width: '100%' }} />

Сначала сохрани результат вызова debounce куда-то , потом передай в onChange

А можно примерчик, плз

Вот мой код в целом: import React, { Component } from 'react'; import PropTypes from 'prop-types'; import { Input } from 'antd'; import debounce from 'lodash/debounce'; import './index.css'; const InputSearch = Input.Search; class Search extends Component { constructor(...args) { super(...args); const { queryText } = this.props; this.state = { inputValue: queryText, }; } componentDidUpdate = (prevProps) => { const { queryText } = this.props; if (prevProps.queryText !== queryText) { this.setState({ inputValue: queryText, }); } }; submitSearch = () => { const { inputValue } = this.state; const { onSearchInputValue } = this.props; if (inputValue) onSearchInputValue(inputValue); } changeInputValue = (e) => { const { onChangeInputValue } = this.props; this.setState({ inputValue: e.target.value, }, () => { const { inputValue } = this.state; onChangeInputValue(inputValue); }); }; render() { const { inputValue } = this.state; return ( <div className="search"> <InputSearch className="search__input" value={inputValue} placeholder="Wallpapers" onChange={value => this.changeInputValue(value)} onPressEnter={this.submitSearch} onSearch={this.submitSearch} style={{ width: '100%' }} /> </div> ); } }

Ребята! Читайте this week in react & react newsletter. Вышла новая подборка новостей Начало здесь: https://t.me/this_week_in_react/244

Ребята! Читайте this week in react & react newsletter. Вышла новая подборка новостей Начало здесь: https://t.me/this_week_in_react/244

спасибо

Кто-то может обьяснить в чем проблема?

на одном проекте работает, взял boilerplate на другой - ошибку кидате Module build failed (from ./node_modules/babel-loader/lib/index.js)

переустанавливал лоадер тоже

просто не понимаю почему оно не хочет работать

в i18next можно сделать чтобы один язык import через js делался и показывался пока не загрузятся нужный язык по lazy loading?

Ребята! Читайте this week in react & react newsletter. Вышла новая подборка новостей Начало здесь: https://t.me/this_week_in_react/244

In most cases, React performance is not something you need to worry about. The core library does a ton of work under the hood казалось бы 🌚

In most cases, React performance is not something you need to worry about. The core library does a ton of work under the hood казалось бы 🌚

ник просто огонь, каждый раз кричу

😁

может кто объяснить почему store.dispatch может быть вызван из функции add и remove. вот код: https://gist.github.com/AlSharp/f7ebf549cb4a397d32a1bd6a2cede69c

может кто объяснить почему store.dispatch может быть вызван из функции add и remove. вот код: https://gist.github.com/AlSharp/f7ebf549cb4a397d32a1bd6a2cede69c

код взят отсюда https://redux.js.org/recipes/code-splitting я просто добавил store.dispatch() в методы add и remove. Я ожидал, что store будет undefined

In most cases, React performance is not something you need to worry about. The core library does a ton of work under the hood казалось бы 🌚

Подпись к посту о том как не уронить перформанс)

кто-то, все таки, может сможет помочь? Прикол в том… что полностью скопировал все с одного робочего проекта - уже все файлы - без исключения. И в скопированном показывает ошибку. Блядь, просто - какого хера тогда работает в одном проекте - а все точно тоже не работает в другом?

Кто-то может обьяснить в чем проблема?

просто не понимаю почему оно не хочет работать

Ребята! Читайте this week in react & react newsletter. Вышла новая подборка новостей Начало здесь: https://t.me/this_week_in_react/244

React fresh. Это чё пилят тока?

https://t.me/this_week_in_react/248

React fresh. Это чё пилят тока?

да

да

Короче ден в одинокого пилит дд)

Подскажите ребята плиз передаю пропс в компонент, и в самом компоненте, присваиваю их стейту.. но стейт пустой, так как они еще не подъехали, как пофиксить?

Привет. У меня есть приложение с react-роутером и моим react-компонентом. При запросе по определённому пути (с переменной в составе пути) роутер монтирует мой компонент и передаёт ему данные через properties. Какое событие я могу использовать, чтобы обрабатывать новые значения properties до рендеринга? В рендеринге я использую данные, которые передал роутер, прошедшие обработку.

Подскажите ребята плиз передаю пропс в компонент, и в самом компоненте, присваиваю их стейту.. но стейт пустой, так как они еще не подъехали, как пофиксить?

А где присваиваешь?

в стейте

в стейте

Покажи как ты это делаешь

state = { formSubmit: false, name: this.props.user.firstName ? this.props.user.firstName : '', age: this.props.user.age ? this.props.user.age + '' : '' };

state = { formSubmit: false, name: this.props.user.firstName ? this.props.user.firstName : '', age: this.props.user.age ? this.props.user.age + '' : '' };

Почему бы пропсы напрямую не присвоить инпутам в велью?

они ведь будут меняться.. наверно не стоит так делать с пропсами)

Почему бы пропсы напрямую не присвоить инпутам в велью?

они ведь будут меняться.. наверно не стоит так делать с пропсами)

И обработчики вынеси туда откуда идут пропсы.

state = { formSubmit: false, name: this.props.user.firstName ? this.props.user.firstName : '', age: this.props.user.age ? this.props.user.age + '' : '' };

Нужно вроде как конструктор писать что б так работало. Но учти если потом пропсы поменяются то Стейт не обновится

не обновиться, это да.. мне не подойдёт твой кейс с обработчиками, потому что я данные из стора беру, и как пропсы отправляю.. Возможно мне стоит напрямую из стора в компоненте брать данные а не ждать как пропсы —- Спасибо за ответ!)

Нужно вроде как конструктор писать что б так работало. Но учти если потом пропсы поменяются то Стейт не обновится

Добрый вечер, имеется следующий код https://codesandbox.io/s/sweet-rgb-7nl0h, не могу решить проблему с фильтрацией данных, возможно проблема в reducers или app, в общем очень был бы признателен за помощь

In most cases, React performance is not something you need to worry about. The core library does a ton of work under the hood казалось бы 🌚

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

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

Ты казалось бы записал?)

Ты казалось бы записал?)

Это не троллинг. Это я так коллегу хвалю. Есть чему поучиться 🤔

Это не троллинг. Это я так коллегу хвалю. Есть чему поучиться 🤔

👍

Добрый вечер, имеется следующий код https://codesandbox.io/s/sweet-rgb-7nl0h, не могу решить проблему с фильтрацией данных, возможно проблема в reducers или app, в общем очень был бы признателен за помощь

ну ты обезопась код, ты же используешь connect

бля мак пивом залит, не работают палки вертикальные)

ну ты обезопась код, ты же используешь connect

Как это, не понял.. У меня не особо опыта с redux