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

Могу предложить попробовать https://github.com/Wroud/redux-subreducer/blob/master/docs/action.md#prepareActions

То есть тип до и после попросту один и тот же

Я не то немного сказал крч, но так оно и есть

Могу предложить попробовать https://github.com/Wroud/redux-subreducer/blob/master/docs/action.md#prepareActions

спасибо, посмотрю

Подскажите, как лучше рендерить картинку, которая подгружается через fetch?

Если попробовать как обычно, то получается, что ссылка на картинку будет undefined, ведь надо дождаться окончания fetch

Если попробовать как обычно, то получается, что ссылка на картинку будет undefined, ведь надо дождаться окончания fetch

Ну да, дожидайся, в чем проблема?

Как лучше дожидаться?

Как лучше дожидаться?

до конца

Await / then

Как лучше дожидаться?

async/await

до конца

Понял, спасибо

async/await

А, ок, пойду читать про это

Да, видел эту статью. Но не буду же я тянуть then до самого return?

В смысле? Ты где грузишь картинку?

если картинка доступна по прямому юрлу, то возможно есть смысл напрямую в src кидать

если картинка доступна по прямому юрлу, то возможно есть смысл напрямую в src кидать

Нет, я делаю запрос

а зачем?

Убери из рендера это

Нет, я делаю запрос

и на каждый render запускаешь fetch ? котел готовят для тебя

и на каждый render запускаешь fetch ? котел готовят для тебя

Не котел, а фичу в реакте

https://twitter.com/jamiebuilds/status/986699602362429440?s=20 Клевый каминг аут. Признавайтесь кто все еще использует его проекты?

btw fuck you forever if you've ever opened one of those "Still Maintained?" issues, you're a douchebag, I don't care what kind of faith you had when opening it. Just fucking stop.

ну бля))

удали нахер тогда репозиторий

и на каждый render запускаешь fetch ? котел готовят для тебя

так а если в <img src=«»> то это на каждую картинку запрос

так а если в <img src=«»> то это на каждую картинку запрос

Вот именно так у меня и есть

Картинка динамически менятеся при перезагрузке

так а если в <img src=«»> то это на каждую картинку запрос

слово кэш знакомо?

слово кэш знакомо?

тут то понятно кэшируется

Поэтому получается смысла раздельно вызывать функции и нет, правильно?

зачем делать фетч ради картинки, которая отдается с тем же успехом по прямому урлу?

может кто-то объяснить?

Куку прицепить специальную

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

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

https://medium.com/jsguru/react-image-lazy-loading-component-246e0cdcce02

берем мыслю и пилим нормальный компонент для картинок, какие фетчи?

https://medium.com/jsguru/react-image-lazy-loading-component-246e0cdcce02

да, отлично

может кто-то объяснить?

Так она не отдаётся по прямому урлу. Урл я получаю из запроса, и урл каждый раз новый после каждого запроса

Имеется ввиду, что картинка через api получается, и каждый раз новый урл на неё

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

Господа, как я понимаю, когда мы используем ref с компонентами, а не с обычными html штуками как input и прочее, мы получаем ссылку на сам реактовский компонент, а не на дом ноду. Так вот, как в таком случае можно получить из ссылки на компонент дом ноду? я придумал только ReactDOM.findDOMNode(this.myRefToReactComponent). Есть ли еще способы?

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

не совсем с реактом, не совсем с фреймворком, не совсем с js, не совсем с программированием, не совсем с вёрсткой, не совсем с клавиатурой, не совсем с компьютером, не совсем с интернетом. как вкрутить лампочку, блеать!?

не совсем с реактом, не совсем с фреймворком, не совсем с js, не совсем с программированием, не совсем с вёрсткой, не совсем с клавиатурой, не совсем с компьютером, не совсем с интернетом. как вкрутить лампочку, блеать!?

Слишком утрированно

Имеется ввиду, что картинка через api получается, и каждый раз новый урл на неё

Заноси урл в пропсы компонента а обработчике событий получай урл

Господа, как я понимаю, когда мы используем ref с компонентами, а не с обычными html штуками как input и прочее, мы получаем ссылку на сам реактовский компонент, а не на дом ноду. Так вот, как в таком случае можно получить из ссылки на компонент дом ноду? я придумал только ReactDOM.findDOMNode(this.myRefToReactComponent). Есть ли еще способы?

это и есть "правильный способ"

Господа, как я понимаю, когда мы используем ref с компонентами, а не с обычными html штуками как input и прочее, мы получаем ссылку на сам реактовский компонент, а не на дом ноду. Так вот, как в таком случае можно получить из ссылки на компонент дом ноду? я придумал только ReactDOM.findDOMNode(this.myRefToReactComponent). Есть ли еще способы?

ref и с обычными дом-нодами отлично работает, например что фокус в инпут поставить

Господа, как я понимаю, когда мы используем ref с компонентами, а не с обычными html штуками как input и прочее, мы получаем ссылку на сам реактовский компонент, а не на дом ноду. Так вот, как в таком случае можно получить из ссылки на компонент дом ноду? я придумал только ReactDOM.findDOMNode(this.myRefToReactComponent). Есть ли еще способы?

forwardRef

Заноси урл в пропсы компонента а обработчике событий получай урл

А из самого компонента нельзя сделать? Мне просто тогда придется искусственно разделять это все

ref и с обычными дом-нодами отлично работает, например что фокус в инпут поставить

Ну мне надо метод .scrollIntoView(). У ссылки на реакт компонент его нет

А из самого компонента нельзя сделать? Мне просто тогда придется искусственно разделять это все

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

это и есть "правильный способ"

Окей

Почему в реакт роутере не открывается компонент Master ? https://codesandbox.io/s/l93zrkk34l

forwardRef

Это вроде как в 16.3 ток ввели?

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

Да, но делать запрос я же все равно должен. А так как в реакте все компоненты, то запрос будет из компонента все равно. Я правильно понял?

Или имеется ввиду просто из js файла делать запрос?

Да, но делать запрос я же все равно должен. А так как в реакте все компоненты, то запрос будет из компонента все равно. Я правильно понял?

Исходи из позиции запроса - страница или общий контейнер, а не локального запроса

Исходи из позиции запроса - страница или общий контейнер, а не локального запроса

Не очень понял

Не очень понял

Ты компонент впихиваешь в какой-то контейнер, который впихнут в страницу, допустим то, что ты меняешь в роутере. Так вот, запрос делаешь оттуда, а компонент кормишь пропсами

А можно делать fetch запрос не асинхронно? У меня почти все проблемы из-за этого

нельзя

у тебя проблемы не из-за фетча а из-за архитектуры

Ребят, вот тоже про фетч TypeError: Failed to execute 'fetch' on 'Window': Failed to parse URL from 127.0.0.1:8000/api/v1/tasks

Http/https?

ERROR: S client not available

http://

полифил походу нужен

нет лол

не валидный же урл

а лол и правда

Алсо response.json() возвращает промис

Алсо response.json() возвращает промис

В промисах не особо шарю :(((

В промисах не особо шарю :(((

Прошарься, а то пиздец тебе))

Алсо response.json() возвращает промис

ого только что понял почему не работало

спасибо

спасибо

Объясни плз

Объясни плз

.then((response) => response.json()) .then((json) => this.setState({ json }))

Прошарься, а то пиздец тебе))

Обязательно прошарюсь

.then((response) => response.json()) .then((json) => this.setState({ json }))

Спасибо

Теперь ругается что не удалось сделать фетч тк доступ к ресурсу заблокирован политикой CORS

кросдомен?

кросдомен?

Да

Кроссдоменные AJAX запросы запрещены.

А если с Access-Control-Allow-Origin?

Кроссдоменные AJAX запросы запрещены.

пока не разрешит сервер

Сделаль. Спасибо за помощь

Идеологический вопрос: Пишу чат на вебсокетах и сагах. Сейчас сделал что в store у меня хранится статус connection и в компоненте. function componentWillReceiveProps(nextProps) { if (this.props.connection.status !== 'open' && nextProps.connection.status === 'open') { this.props.dispatch(getMessages()); } } Внимание вопрос: Должен ли компонент знать про статус connection? Другая идея: В саге через actionChannel собрать все actions а потом по конекту их отправить по сокету.

Идеологический вопрос: Пишу чат на вебсокетах и сагах. Сейчас сделал что в store у меня хранится статус connection и в компоненте. function componentWillReceiveProps(nextProps) { if (this.props.connection.status !== 'open' && nextProps.connection.status === 'open') { this.props.dispatch(getMessages()); } } Внимание вопрос: Должен ли компонент знать про статус connection? Другая идея: В саге через actionChannel собрать все actions а потом по конекту их отправить по сокету.

ошибка уже хотя бы в том, что ты логику эту затащил в компонент

вот посмотри что ты по сути делаешь

ты сравниваешь в компоненте предыдущее и текущее состояние коннекта

и зачем то из компонента же инициируешь экшин по этому поводу

ты что не нашел более подходящего места для этого?

вынеси эту логику (если она вообще нужна) в ту же сагу

ты что не нашел более подходящего места для этого?

где ты утром был...

@syabro Я говорю о том, что пропы приходят от какого-то стейта, не важно какого. Стейт меняется через какой-то хендлер. И вот зависимость от нового стейта должна в этом же хендлере (или мидлваре какой-то) и обрабатываться. Зачем делать изменения стейта, а потом их пускать куда-то вних к компоненту, что бы он решил что с этими изменениями сделать и опять дернул что-то для работы со стейтом, зачем увеличивать количество элементов в причинно-следственных связях?

@ValeryKobzar

где ты утром был...

меня забанили :)))