Во! Недавно такой же штукой занимался.

Всё? не надо?)

Бля тут правлю легаси код

И тут window вместо стора ?

Neat state management

Привет всем, вопрос по react route 4, смотрю примеры и вижу что все делают роутинг на Route, но, видел что там есть Switch, подскажите в каких случаях надо использовать этот Switch

Привет всем, вопрос по react route 4, смотрю примеры и вижу что все делают роутинг на Route, но, видел что там есть Switch, подскажите в каких случаях надо использовать этот Switch

в случае если тебе нужно переключение роутов

Привет всем, вопрос по react route 4, смотрю примеры и вижу что все делают роутинг на Route, но, видел что там есть Switch, подскажите в каких случаях надо использовать этот Switch

switch рендерит только один роут, без него у тебя могут отрендериться сразу несколько, если они все удовлетворяют условию

если я правильно понял то он работает как router-outlete в angular5?

switch рендерит только один роут, без него у тебя могут отрендериться сразу несколько, если они все удовлетворяют условию

если я не путаю

если я правильно понял то он работает как router-outlete в angular5?

Не совсем

как выводить имя файла не полностью ? скажем 5-6 букв , а потом многоточие

Добрый день, ребят, я не совсем представляю, как в реакте можно инициализировать переменные при том, что они асинхронные и получаю их с бекенда, падает на undefined, а лишь потом появляются. Как сделать правильнее?В компонент листа нужно передать некоторе данные(они в деструктуризации, к примеру) https://jsfiddle.net/29rvkp8a/

как выводить имя файла не полностью ? скажем 5-6 букв , а потом многоточие

css text-overflow: ellipsis

Добрый день, ребят, я не совсем представляю, как в реакте можно инициализировать переменные при том, что они асинхронные и получаю их с бекенда, падает на undefined, а лишь потом появляются. Как сделать правильнее?В компонент листа нужно передать некоторе данные(они в деструктуризации, к примеру) https://jsfiddle.net/29rvkp8a/

конечно на undefined, компонента еще не успела вставиться в DOM

как выводить имя файла не полностью ? скажем 5-6 букв , а потом многоточие

white-space: nowrap; overflow: hidden; text-overflow: ellipsis

конечно на undefined, компонента еще не успела вставиться в DOM

я не представляю как и когда их деструктуризировать правильно

white-space: nowrap; overflow: hidden; text-overflow: ellipsis

спасибо , попробую)

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

спасибо , попробую)

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

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

sbstr ?

sbstr ?

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/String/substr да

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

все что приходит с бека , обычно в componentDidMount прописывают и затем уже оттуда вытаскивают . Это насколько я знаю , если не прав, поправьте

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/String/substr да

спасибо

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

все что приходит с бека , обычно в componentDidMount прописывают и затем уже оттуда вытаскивают . Это насколько я знаю , если не прав, поправьте

не очень удобный метод. Лучше делать отдельную ф-цию, которую подключать после загрузки компонента. В самом componentDidMount не рекомендуется делать никакой сложной логики. Надо сохранять позрачность операций.

Добрый день, ребят, я не совсем представляю, как в реакте можно инициализировать переменные при том, что они асинхронные и получаю их с бекенда, падает на undefined, а лишь потом появляются. Как сделать правильнее?В компонент листа нужно передать некоторе данные(они в деструктуризации, к примеру) https://jsfiddle.net/29rvkp8a/

Уточни, что именно у тебя не работает? Вот это const { data } = apiData;?

да

и все что ниже

так перенеси эту строчку ниже лоадера

оно как бы работает, но не в то время

не совсем, у меня рендер ыстрее срабатывает чем они приходят

даже если ниже лоадера делаю то все равно undefined

не совсем, у меня рендер ыстрее срабатывает чем они приходят

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

я понимаю, но по факту у меня undefiined

Тут уже тогда вопрос в согласованности данных. Ты уверен, что у тебя apiData.loading !== true только когда данные уже есть?

вроде должны

Должно быть так, чтобы всё работало

покажи редусер

вроде должны

Вот избавься от этого "вроде", а потом приходи :) пологгируй всё, посмотри, как так получается, что уже не лоадинг, а данных ещё нет

ты подал хорошую идею

спасибо, понял куда копать

покажи редусер

https://jsfiddle.net/tz1r6nkk/

https://jsfiddle.net/tz1r6nkk/

на успешную загрузку добавь loading: false

и не успешную так же

не помогло

Поставь ReduxDevTools

loading не возвращает при первом рендере ничего почему-то

то есть apiData пустая полностью

Привет, а есть чатик по тайпскрипту?

можно англоязычный

@typescript_ru

то есть apiData пустая полностью

а ты уверен что apiData: state[moduleName] правиль работает?

а что с ней может быть не так?

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

@typescript_ru

спасибо

так что предположительно что да

а дефолтный стейт какой?

пустой объект

пустой объект

логично что apiData тоже пустой объект

почему редюсер схватывает событие лоадера

возвращает его

а потом уже идет на саксесс тогда

зачем вообще возвращать console.log(apiData.loading); return <Loader/>;

тьфу

ERROR: S client not available

return { loading: true };

не понял

если это не работает

ну

return { loading: true };

switch (type) { case LOAD_ASSIGNED_ANALYTIC_SITES + START: return { loading: true }; break; case LOAD_ASSIGNED_ANALYTIC_SITES + SUCCESS: return { ...response, loading: false }; break; case LOAD_ASSIGNED_ANALYTIC_SITES + FAIL: return { error, loading: false }; break; default: return assignedAnalyticSites }

вот старт

в нем я возвращаю объект с loading:true

дефолтный стейт разве не перебивается этим экшном?

перебирается

а ты уверен что LOAD_ASSIGNED_ANALYTIC_SITES + START выполняется?

ну в дефолтный стейт сейчас поставил loading: true и вроде заработало, но тогда вопрос, почему редюсер его не сетил

да

уверен, залогировал

отрабатывает

тогда все ок должно быть

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

ну да

но все же

почему он в редюсере не обрабатывает интересно очень

если интересно поставь reduxdevtools и посмотрю что там происходит

попробуй redux-logger поставить

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

как узнаю что это было - отпишу

еще раз спасибо всем

Airbnb рекоммендует использовать в stateless компонентах объявление function awesomeComponent () {} есть ли какие-то аргументированные предпосылки так писать?

Airbnb рекоммендует использовать в stateless компонентах объявление function awesomeComponent () {} есть ли какие-то аргументированные предпосылки так писать?

Нет

Airbnb рекоммендует использовать в stateless компонентах объявление function awesomeComponent () {} есть ли какие-то аргументированные предпосылки так писать?

вместо arrow?

Ставь atomix-react конфиг

И будет норм

вместо arrow?

Да