куку есть разница между render(props){} и render(){ this.props... this.props... ... } ?

есть

втрой вариант безопаснее?

Первый вариант не работает

куку есть разница между render(props){} и render(){ this.props... this.props... ... } ?

где ты 1 увидел?

ты сравниваешь метод класса, и херню из преакта

Может у тебя преакт а не реакт

или где там так делают

если ты занимаешься изучением реакта, то лучше возьми create-react-app и не трать пока время на сетапы)

next.js

ты сравниваешь метод класса, и херню из преакта

да, не ребит

?

Пользователь вводит данные в инпут.На каждый onChange идёт запрос.Ответ у запросов может быть разный и поэтому порядок у них может быть не правильный.Как лучше сделать ? 1)Запретить пользователю вводить данные в инпут, пока запрос не вернулся ? 2)Написать костыль для отмены предыдущего fetch Или что ?

зачем на каждый онЧейндж запрос?

Пользователь вводит данные в инпут.На каждый onChange идёт запрос.Ответ у запросов может быть разный и поэтому порядок у них может быть не правильный.Как лучше сделать ? 1)Запретить пользователю вводить данные в инпут, пока запрос не вернулся ? 2)Написать костыль для отмены предыдущего fetch Или что ?

throttle/debounce И почему отмена запроса — костыль? Другое дело, что для фетча не так давно завезли

ребята, кто gatsbyjs использовал?

разобрался вроде. спасибо

зачем на каждый онЧейндж запрос?

Потому что это фильтрация

И нужны актуальные данные

Пользователь вводит данные в инпут.На каждый onChange идёт запрос.Ответ у запросов может быть разный и поэтому порядок у них может быть не правильный.Как лучше сделать ? 1)Запретить пользователю вводить данные в инпут, пока запрос не вернулся ? 2)Написать костыль для отмены предыдущего fetch Или что ?

не вызывать новый fetch, пока старый не завершился

throttle/debounce И почему отмена запроса — костыль? Другое дело, что для фетча не так давно завезли

https://codeburst.io/throttling-and-debouncing-in-javascript-b01cad5c8edf - вам сюда

решайте сами, тротлить или дебоунсить ваш запрос

https://codeburst.io/throttling-and-debouncing-in-javascript-b01cad5c8edf - вам сюда

Не мне, но да

пардон, не туда

Для анимаций, имхо, лучше вообще rAF

Всем привет. По каким причинам на iOS/Safari может не работать переход по роуту? Перехожу по роуту с одной страницы на другую. Нажимаю назад или делаю свайп. Отображается текущая страница. Пытаюсь еще раз. Происходит переход. "react": "^16.3.2", "redux": "^4.0.0","react-router": "^4.3.1" На андроиде и десктопе все работает.

Парни всем привет. А кто нибудь создавал внутряний стейт на основе данных из пропсов ? насколько идея вменяема ?

Парни всем привет. А кто нибудь создавал внутряний стейт на основе данных из пропсов ? насколько идея вменяема ?

getDerivedStateFromProps? Это в документации есть

насколько я понял тебе нужно будет использовать setState и прокидовать в стейт пропсы. В конструкторе не получиться просто так присвоить

мне кажется вменяемая, почему бы и нет

getDerivedStateFromProps? Это в документации есть

просто у меня он очень большой с доп функциями в нутри. Насколько это нормально ? строк 60 гдето..

получай только то что тебе нужно из стора

просто у меня он очень большой с доп функциями в нутри. Насколько это нормально ? строк 60 гдето..

https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html

тебе как раз будет удобно испольовать getDerivedStateFromProps и желательно с реселектом

посоны есть ли какой то инструмент для поиска циклов в зависимостях ?

Здравствуйте, столкнулся с проблемой, есть код https://pastebin.com/eEPTPvFJ который не отрабатывает как следует. Вызывается экшен который модифицирует состояние redux, после чего вызывается функция, у которой есть доступ к redux стейту посредством connect, так вот проблема в том, что после функции, корторая модифицирует стейт, в последующей функции, которая получает данный стейт изменений нет, но они появляются позже, получается, что получение стейта "асинхронно", но судя по документации это не так. Что я упускаю ? P.S В коде по ссылке показана проблема

тебе как раз будет удобно испольовать getDerivedStateFromProps и желательно с реселектом

я и так его использую.

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

Здравствуйте, столкнулся с проблемой, есть код https://pastebin.com/eEPTPvFJ который не отрабатывает как следует. Вызывается экшен который модифицирует состояние redux, после чего вызывается функция, у которой есть доступ к redux стейту посредством connect, так вот проблема в том, что после функции, корторая модифицирует стейт, в последующей функции, которая получает данный стейт изменений нет, но они появляются позже, получается, что получение стейта "асинхронно", но судя по документации это не так. Что я упускаю ? P.S В коде по ссылке показана проблема

А ты эти данные из пропс изменяешь внутри компонента?Если нет можешь просто оставить пропсы а стейты вообще не использовать @MyNameIsLiberty

А ты эти данные из пропс изменяешь внутри компонента?Если нет можешь просто оставить пропсы а стейты вообще не использовать @MyNameIsLiberty

у меня стейта нету для компонента, я имел ввиду стейт редакса

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

А ты эти данные из пропс изменяешь внутри компонента?Если нет можешь просто оставить пропсы а стейты вообще не использовать @MyNameIsLiberty

Простите, выделил не того)

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

пропсы?

слишком в лоб и много однотипного кода

А ты эти данные из пропс изменяешь внутри компонента?Если нет можешь просто оставить пропсы а стейты вообще не использовать @MyNameIsLiberty

Я на основе этих данных генерю другие данные, которые дальше изменяю, и вообще активно работаю)

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

const withLoaderHOC = (...loadingProps) => (WrappedComponent) => { return class LoadableComponent extends Component { render() { return loadingProps.every(prop => !isEmpty(this.props[prop])) ? <WrappedComponent {...this.props} /> : <LoadingIndicator />; } } } export default withLoaderHOC;

const withLoaderHOC = (...loadingProps) => (WrappedComponent) => { return class LoadableComponent extends Component { render() { return loadingProps.every(prop => !isEmpty(this.props[prop])) ? <WrappedComponent {...this.props} /> : <LoadingIndicator />; } } } export default withLoaderHOC;

чета ору

Я на основе этих данных генерю другие данные, которые дальше изменяю, и вообще активно работаю)

ну тогда в целом адекватно, надо только через redux их прокидывать, так правильнее будет, тем более что если эти данные где то пригодиться могут еще

чета ору

а че не так то?

const withLoaderHOC = (...loadingProps) => (WrappedComponent) => { return class LoadableComponent extends Component { render() { return loadingProps.every(prop => !isEmpty(this.props[prop])) ? <WrappedComponent {...this.props} /> : <LoadingIndicator />; } } } export default withLoaderHOC;

Казалось бы зачем здесь export default

ну тогда в целом адекватно, надо только через redux их прокидывать, так правильнее будет, тем более что если эти данные где то пригодиться могут еще

Какие данные? Какие генерю или те что в пропс ах?

а че не так то?

что у тебя происходит с loadingProps

Какие данные? Какие генерю или те что в пропс ах?

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

ты потом ищещь в пропах, по нужному ключу

const withLoaderHOC = (...loadingProps) => (WrappedComponent) => { return class LoadableComponent extends Component { render() { return loadingProps.every(prop => !isEmpty(this.props[prop])) ? <WrappedComponent {...this.props} /> : <LoadingIndicator />; } } } export default withLoaderHOC;

типа withLoaderHOC('prop1', 'prop2')(MyComponent)? уже похоже на то что представлял

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

Те что в пропс ах и так в редакс. Те что генерю не храню в редакс из-за консистентности.. Написал же..

ты потом ищещь в пропах, по нужному ключу

ну ты предложи по другому, ты же не знаешь заранее че грузить, а что не надо

ну ты предложи по другому, ты же не знаешь заранее че грузить, а что не надо

сделай один проп везде

и вообще сделай через render prop

или children

Те что в пропс ах и так в редакс. Те что генерю не храню в редакс из-за консистентности.. Написал же..

Создай отдельный reducer для этих данных и храни их там, надеюсь я правильно ща понял всю суть

Создай отдельный reducer для этих данных и храни их там, надеюсь я правильно ща понял всю суть

Кек

Создай отдельный reducer для этих данных и храни их там, надеюсь я правильно ща понял всю суть

а если сразу несколько запросов делаешь ?

и там разные загрузки

ERROR: S client not available

Тогда вот мне и самому интересно как будет

Помогите с moment. Нужно проверить, что одна дата позже другой в плоть до минут. Как это сделать?

Создай отдельный reducer для этих данных и храни их там, надеюсь я правильно ща понял всю суть

Не правильно. Повторяю я строю объекты на основе данных из редьюсеров. Если данные в редьюсере изменились то те данные какие я строю, должны изменится автоматически.

а если сразу несколько запросов делаешь ?

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

Помогите с moment. Нужно проверить, что одна дата позже другой в плоть до минут. Как это сделать?

Тогда в чем проблема?

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

та нет просблем, просто не очень очевидное решение с oadingProps.every(prop => !isEmpty(this.props[prop]))

Тогда в чем проблема?

Все эти методы isSame, isAfter, isBefore некорректно работаюь

Помогите с moment. Нужно проверить, что одна дата позже другой в плоть до минут. Как это сделать?

зачем момент? у тебя же в момент приходит время в unixtime

та нет просблем, просто не очень очевидное решение с oadingProps.every(prop => !isEmpty(this.props[prop]))

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

если есть че лучше, то буду признателен

зачем момент? у тебя же в момент приходит время в unixtime

Не, я отправляю туда дату строкой и форматом

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

ну тут тоже так сразу не скажу, надо остальной код видеть

Ну я пока пришел к тому, что переводить в unix и сравнивать 2 числа

Помогите с moment. Нужно проверить, что одна дата позже другой в плоть до минут. Как это сделать?

ты можешь даже в таймстамп не переводить

просто сравнивай Date

Ну я пока пришел к тому, что переводить в unix и сравнивать 2 числа

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Date/parse

и все будет окей

должно помочь

moment('21-11-2017 12:43', 'DD-MM-YYYY HH:mm)

moment('21-11-2017 12:43', 'DD-MM-YYYY HH:mm)

не

забудь ты про момент

не

Мне с бека приходит и я так инициализирую инстанс момента

С бека приходит в виде строки 21-11-2017 12:43

Не правильно. Повторяю я строю объекты на основе данных из редьюсеров. Если данные в редьюсере изменились то те данные какие я строю, должны изменится автоматически.

Парни ещё раз вопрос насколько это корректно генерить стейт по пропсам. Мой getDerivedStateFromProps похож на 60 срочного монстра который в нутри имеет функции..

так кто знает проблему с redux, есть экшен который меняет состояние, далее после этого экшена вызывается функция которая пользуется этим состоянием и которая его получает через connect, так вот в этой функции измененое состояние не видно, оно "появляется" позже. Как можно решить, чтоб состояние появлялось сразу

так кто знает проблему с redux, есть экшен который меняет состояние, далее после этого экшена вызывается функция которая пользуется этим состоянием и которая его получает через connect, так вот в этой функции измененое состояние не видно, оно "появляется" позже. Как можно решить, чтоб состояние появлялось сразу

не выводить компонент пока нет нужного состояния

не выводить компонент пока нет нужного состояния

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

так кто знает проблему с redux, есть экшен который меняет состояние, далее после этого экшена вызывается функция которая пользуется этим состоянием и которая его получает через connect, так вот в этой функции измененое состояние не видно, оно "появляется" позже. Как можно решить, чтоб состояние появлялось сразу

Не понял вопроса, как это появляется позже? Вылетает экшен проходит через цепочку middleware и начинается чендж в редакс. Селектор получает эти данные как только они изменились..

щас покажу

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

redux-thunk заюзай