если ты запускаешь без сервера

а лучше да, запусти свой сервер для прода, express например

спасибо, тоже догадывался что в сервере дело

Чуваки, помогите разобраться. Есть компонент-контейнер, который привязан на роут с параметрами. При смене параметров мне нужно фетчить данные и отдавать их дочерним презентационным компонентам. Сейчас фетчинг идет в componentDidMount(), но при смене роута компонент не ремаунтится и запрос не проходит. Как это обработать или вручную форсить обновление компонента?

Чуваки, помогите разобраться. Есть компонент-контейнер, который привязан на роут с параметрами. При смене параметров мне нужно фетчить данные и отдавать их дочерним презентационным компонентам. Сейчас фетчинг идет в componentDidMount(), но при смене роута компонент не ремаунтится и запрос не проходит. Как это обработать или вручную форсить обновление компонента?

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

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

а если поменялись другие, то вообще пофиг

Проверял в scu значения из this.props.params , и если не совпадали, то возвращал true, но начиналось зацикливание

Чуваки, помогите разобраться. Есть компонент-контейнер, который привязан на роут с параметрами. При смене параметров мне нужно фетчить данные и отдавать их дочерним презентационным компонентам. Сейчас фетчинг идет в componentDidMount(), но при смене роута компонент не ремаунтится и запрос не проходит. Как это обработать или вручную форсить обновление компонента?

https://facebook.github.io/react/docs/react-component.html#the-component-lifecycle Например, можно заюзать https://facebook.github.io/react/docs/react-component.html#componentdidupdate

Вилл ресив пропс же

Либо да, https://facebook.github.io/react/docs/react-component.html#componentwillreceiveprops

Нахрен тут дид апдейт

Вилл ресив пропс же

черт, забыл про него

он срабатывает один раз?

он срабатывает один раз?

каждый раз при смене props/state

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

кроме первого раза

На стейт не срабатывает же

ну на первый раз DidMount

стейт не нужен

https://facebook.github.io/react/docs/react-component.html#componentwillreceiveprops

за хэндлингом изменения стейта это уже к shouldComponentUpdate

не, стейт не трогаю, только пропсы

надо будет еще раз прошерстить доки

да, ошибся, при смене стейта сRP не вызовиться

гайз, а правда теперь надо добавлять запятую в конце списков?

import { changeSlides, changeImages, } from './actions';

eslint ругается всегда

вот думаю: отключить или привыкать

Если на разных строках элементы списка

Если на одной строке то запятая не нужна

Итак, господа

Вопросы про вебпак 101

Есть пикча

require(/assets/background.jpg)

Нужно, чтобы при билде эта пикча клалась в /build/assets/background.jpg

Ну и все пикчи, соот-но

Чо, какой лоадер лучше заиспользовать?

"Окей, гугл. Вебпак картинки лоадер"

?

url-loader был какой-то

либо file-loader

седня юзал url-loader

но у меня заработала в паре с CopyWebpackPlugin это чтоб пикчу не рекваирить в переменную а в src просто путь написать

+1 использую CopyWebpackPlugin и путь в src чтобы по папкам распихивать картинки

Так же использую copywebpack

так же неудобно

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

вообще не заметил неудобств

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

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

хочешь спрайты? да пожалуйста https://www.npmjs.com/package/webpack-spritesmith

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

fetch может в кросс доменные ?

Да

а, тупой вопрос

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

ох. а как бы мне в nested роутах фетчить данные, если я он не дергает componentDidMount. componentDidUpdate естественно приводит к зацикливанию. для использования onEnter мне его передать store (часть) потребуется. как поступают?

сформулируй попроще вопрос

как мне обновлять компонент, который создается вложенным роутом :). я кликаю по элементу списка, который является родителем -- обновляется location. но дочерний компонент не перемаунтивается. не могу понять куда положить фетч.

ну да. я кажись запутался)

file-loader вообще норм встал

Как по-маслу

зачем loaders?

Потому что могу

почему не loader: 'file-loader?limit=8192'?

Копипаст из доки, исправил, спасибо

да и там обратные кавычки не нужны

Какие?

` vs '

Я только их и использую

как мне обновлять компонент, который создается вложенным роутом :). я кликаю по элементу списка, который является родителем -- обновляется location. но дочерний компонент не перемаунтивается. не могу понять куда положить фетч.

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

звучит пугающе. а нет какой-то менее явного способа)))

ну ты можешь использовать onEnter и onChange хуки роутера

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

function requireAuth(store) { return (nextState, replace) => { if (!store.getState().session.token) { replace('/login'); } }; }

<Route onEnter={requireAuth(store)}>

ну, для фетчинга будет по-другому, но механизм тот же

друзья, кто знает, зачем два слеша в команде? для regexp-а достаточно одного ведь "^.+\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/config/jest/FileStub.js"

как мне обновлять компонент, который создается вложенным роутом :). я кликаю по элементу списка, который является родителем -- обновляется location. но дочерний компонент не перемаунтивается. не могу понять куда положить фетч.

Как раз сегодня об этом спрашивал. Посоветовали в componentWillReceiveProps(). У меня все заработало

экранирование слэша

это из package.json для jest

@personafour это я понимаю, но по логике ищутся файлы, у которых расширение . + что-то из списка

то есть экранируется точка

теперь вопрос: зачем экранировать слеш в данном случае?

чтобы он не эскейпил точку?

чтобы он не эскейпил точку?

+

нет же

нет же

у тебя путь может быть ../../../../filename.jsg

открой http://regexr.com/ и посмотри, что происходит

Что это за сервис?

@iamstarkov да открывал)

Что это за сервис?

https://jex.im/regulex/

Спасибо

есть ещё атом плагин https://atom.io/packages/regex-railroad-diagram