<main> <Router> <Switch> <Route exact path='/' render={props => ( <Home {...props} locale={this.props.locale} /> )}/> </Switch> </Router> </main>

кстати, а зачем делать locale={this.props.locale} ? у тебя же уже и так проносится locale когда ты делаешь {...props}

Скорее всего я неверно раскрыл объект, "props" надо убрать из render

да тебе там render не нужен вообще, достаточно component={Home} в твоем случае

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

ничего он там не проталкивает

достаточно обернуть Home в withRouter и он там внутри получит все что нужно

А как ты в компонент :param укажешь?

кстати, а зачем делать locale={this.props.locale} ? у тебя же уже и так проносится locale когда ты делаешь {...props}

не знаю, у меня падает, если убрать

А как ты в компонент :param укажешь?

что за params?

не знаю, у меня падает, если убрать

с какой ошибкой падает?

кстати, а зачем делать locale={this.props.locale} ? у тебя же уже и так проносится locale когда ты делаешь {...props}

с той, что пытаеться найти и заюзать locale обьект, а его. Если консолькой выведу, тоже не будет

<Route exact path=':url' render={({ match: { url }}) => pageMap[url]}/>

могу скрин покидать, но админ удалит)

Ладно, я работать)

ну и locale в качестве параметра проносить в компоненты по иерархии имхо странный подход

обычно это все в context где нибудь есть или в redux или d HOC который отвечает за локализацию

та я в курсе, что странный. Это моя 1-я приложуха на реакте

и пока последняя

в любом случае, всем спасибо за помощь

да разницы нет на реакте или на вью ты это делаешь и там и тут это плохой подход

я юзаю ангу

там есть сервисы для таких штук

там есть сервисы для таких штук

ну для реакта тоже есть специальные пакеты для этого

например react-intl

https://github.com/enaqx/awesome-react

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

поковыряйся для начала по этой ссылке выше

чтобы 99% велосипедов не изобретать

Если поменять key у элемента, реакт его заремаунтит

Ну пипец, где вы раньше были

кстати, странно, что там нет reach router

Ну пипец, где вы раньше были

А ты? Это в доке есть, еще и блогпост недавно был https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key

А ты? Это в доке есть, еще и блогпост недавно был https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key

Я в любом случае рад

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

Может кто подсказать как в 7м бабеле заюзать стэйдж 3й ? для каждой фичи устанавливать отдельный пакет это сакс

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

В чате можно было бы узнать что Ден написал об этом в твитере за ~неделю до блогпоста)

Может кто подсказать как в 7м бабеле заюзать стэйдж 3й ? для каждой фичи устанавливать отдельный пакет это сакс

Может и есть какйо workaround, но теперь так и это хорошо

В чате можно было бы узнать что Ден написал об этом в твитере за ~неделю до блогпоста)

Хех Периодически и у меня так получается, но не всегда А момент для меня оч важный, я там без key неудобно нагородил

Как решать проблему при SSR, что document недоступен при первом рендере?

Как решать проблему при SSR, что document недоступен при первом рендере?

cDM

Там уже все есть

там тоже недоступен почему-то :(

Значит у тебя что-то не так

Первый раз же код рендерится на сервере, там нет document'а

Или я из деревни?

то что требует наличия браузерных объектов рендери в cDM есть пакет react-no-ssr

то что требует наличия браузерных объектов рендери в cDM есть пакет react-no-ssr

А он тоже в cDM просто чекает

А он тоже в cDM просто чекает

Декларативная обертка

Ребят, кто знает похожие сайты, где можно купить кит с компонентами на реакте? Желательно material design https://www.creative-tim.com/product/material-dashboard-pro-react?partner=104080

Ребят, кто знает похожие сайты, где можно купить кит с компонентами на реакте? Желательно material design https://www.creative-tim.com/product/material-dashboard-pro-react?partner=104080

Посмотри у меня в первых ссылках, может там найдешь https://github.com/artalar/blog/blob/master/src/pages/currently-best-ui-kits.md

Посмотри у меня в первых ссылках, может там найдешь https://github.com/artalar/blog/blob/master/src/pages/currently-best-ui-kits.md

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

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

antd pro ? ?

antd pro ? ?

Я же написал, онли материал дизайн

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

первая же ссылка - список готовых китов...

первая же ссылка - список готовых китов...

https://adele.uxpin.com/

это?

Да

Да

не материальный стиль

Доброго времени, подскажите, у меня есть поле ввода для фильтрации списка, и список фильтруется по мере ввода (срабатывает onChange), мне нужно сделать так, Чтобы пока пользователь уверенно и бодро печатает слово, поиск не происходил, а когда он делает паузу, то только тогда триггер срабатывал. На ум не приходит вообще ничего . Как это можно реализовать?

Доброго времени, подскажите, у меня есть поле ввода для фильтрации списка, и список фильтруется по мере ввода (срабатывает onChange), мне нужно сделать так, Чтобы пока пользователь уверенно и бодро печатает слово, поиск не происходил, а когда он делает паузу, то только тогда триггер срабатывал. На ум не приходит вообще ничего . Как это можно реализовать?

debounce ebani i vse

ERROR: S client not available

debounce ebani i vse

спасибо.

Как правильно делать прелоадер на первую загрузку? в cDM addEventListener('DOMContentLoaded') не сработало, всё еще грузится приложка, а лоадер уже вырубился

?

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

а, вопрос отпал

а, вопрос отпал

к тебе сейчас будет много вопросов

есть список из 1500 элементов, и его надо выводить всяко с фильтрацией по одному из пропсов, значение пропса меняется. Лучше это кэшить?

debounce ebani i vse

Такс, просто так оказалось не работает. Ивет лиснер передаёт значение ивента стейтфул родителю, а само поле ввода отображает текст стейта родителя. Получается, Что как бы задержка работает корректно, но пока пользователь печатает, Текст не появляется.

есть список из 1500 элементов, и его надо выводить всяко с фильтрацией по одному из пропсов, значение пропса меняется. Лучше это кэшить?

лучше делать запрос на твой фильтр, как мне кажется нагружать клиента слишком сильно не очень хорошо, эти 1500 еще загрузить надо)

там не много, быстро грузит

это на твоем интернете и локально грузит быстро

вопрос не в загрузке )

Такс, просто так оказалось не работает. Ивет лиснер передаёт значение ивента стейтфул родителю, а само поле ввода отображает текст стейта родителя. Получается, Что как бы задержка работает корректно, но пока пользователь печатает, Текст не появляется.

код показывай

код показывай

https://codesandbox.io/s/8pk31o9k2

в проекте не настолько straight-forward логика, и значение берётся не напрямую из стейта родителя, а обходными путями, но принцип проблемы, думаю, понятен.

в проекте не настолько straight-forward логика, и значение берётся не напрямую из стейта родителя, а обходными путями, но принцип проблемы, думаю, понятен.

в чем задача?

поле ввода обновляется актуально, но ивент лиснер всё-таки триггерится с дебаунсингом

зачем стейтфул компоненты? так и должно быть?

а, не туда посмотрел, сорян

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

то что требует наличия браузерных объектов рендери в cDM есть пакет react-no-ssr

Можно ещё через динамические импорты с флагом отключения ssr, если next используется.

Как правильно работать с query string в реакте?

есть какие то правила? или же как хочешь

есть какие то правила? или же как хочешь

Как удобно

Ребят, кто знает похожие сайты, где можно купить кит с компонентами на реакте? Желательно material design https://www.creative-tim.com/product/material-dashboard-pro-react?partner=104080

https://themeforest.net/tags/material

react-router меня убивает, нереально сложно и долго вытащить страницу из private в public

с кучей этих Redirect