А я хочу const data = getUserInfo().then(data => data)

может всё таки async/await?

Если асинк/евейт то мне тогда рендер делать асинком чтобы данные получить?

Либо продолжай логику целиком в колбэке, либо используй async/await (что в итоге будет тем же самым)

Если асинк/евейт то мне тогда рендер делать асинком чтобы данные получить?

причем тут рендер? не понял

Если асинк/евейт то мне тогда рендер делать асинком чтобы данные получить?

зачем? Ты что, логику в рендере делаешь?

А я хочу const data = getUserInfo().then(data => data)

А какой смысл в data => data?

Переменную создаю в рендере чтобы в разметке её вставить

const data = await getUserInfo()

А какой смысл в data => data?

надежда на то, что оно будет передано в переменную

делай в lifecycle методах и используй стейт

async function getUserInfo() { }

когда данные получишь - обновляй стейт и отрисовывай заного

async function getUserInfo() { }

сделай отдельный метод fetchUserInfo

например

который сделает setState

цепляй оттуда

не туда реплай. сорре

а лучше сделай какой-нибудь глобальный стейт вроде redux/context api, или на грустный конец контейнер, где будет вся работа с данными

CDM нельзя делать асинком

зачем тебе async?

сделай лоадер

и по статусу загрузки отрисовывай

самое нормальное решение

Ребят, подскажите: Что такое Докер и с чем его едят? Нужен ли он фронту - реакту? Нужен ли он NodeJS'еру? Кому он нужен? Если нужен, где изучать?

Да вы издеваетесь?) Сами говорите сходи в лайфсайкле за данными и поставь стейт.

а что не так?

Чтобы сходить за асинк данными нужен await функция. Значит дайфсайкл должен быть awaitом. Так?

componentDidMount() { request()...((res) => { this.setState({isLoading: false, data: res.data}); }) }

по дефолту в стейте у тебя isLoading: true

А, всё. Понял

в рендере на isLoading: true сделай лоадер, когда isLoading: false - все остальное уже с данными

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

но разница не велика

по отрисовке будет одинаково

Редакс. Вызов экшена в CDM и с помощью санка ходить за данными?

Редакс. Вызов экшена в CDM и с помощью санка ходить за данными?

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

а нужно ли тебе эти данные в store хранить? Они где-то переиспользуются?

просто кидать всё говно в store так себе

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

если эти данные используются на разных страницах - тут другой вопрос

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

если эти данные используются на разных страницах - тут другой вопрос

Статический стор — это не ad hoc global

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

Как то я решил изучить редакс. Всё было хорошо, до момента, пока я не стал знакомить редакс с роутером (4.х.х) У меня была задача содержать в store переменные router'а (match в частности) Я не склонен приписывать всякие .push('/kudato/esfse') Использую <Route path='/kudato' ...> Пробовал разные "синхронизаторы", создавал обьект history, который не содержал match.params, которые я хотел иметь. Если не ошибаюсь, философия редакс не хочет, чтобы мы передавали props, вместо этого использовать global store. Вопрос, как мне подружить router и redux, какими библиотеками или решениями и если есть репозиторий, где они подружены, милости прошу скинуть в лс, хочу изучить

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

Как то я решил изучить редакс. Всё было хорошо, до момента, пока я не стал знакомить редакс с роутером (4.х.х) У меня была задача содержать в store переменные router'а (match в частности) Я не склонен приписывать всякие .push('/kudato/esfse') Использую <Route path='/kudato' ...> Пробовал разные "синхронизаторы", создавал обьект history, который не содержал match.params, которые я хотел иметь. Если не ошибаюсь, философия редакс не хочет, чтобы мы передавали props, вместо этого использовать global store. Вопрос, как мне подружить router и redux, какими библиотеками или решениями и если есть репозиторий, где они подружены, милости прошу скинуть в лс, хочу изучить

Мы у себя используем 3 роутер, и 4 роутер редакс

по переходу на какой-то роут, у нас авторан экшенов и store не пустой на момент отрисовки

я могу скинуть обёртку, но там в связке с mobx работает

В любом виде :) Спасибо

Вопрос по редакс. Нужно ли в проде вырезать dev tools, чтобы в браузере не срабатывал плагин?

redux + mobx

всем привет

Вопрос по редакс. Нужно ли в проде вырезать dev tools, чтобы в браузере не срабатывал плагин?

По ситуации, к примеру битбакет не вырезал

Если я в связке React/Redux/Immutable хочу роутер интегрированный в Redux, лучшим вариантом будет использовать connected-react-router?

управлять состоянием приложения

а разве пропсы - это ни есть управление состоянием?

будет отлично: import { connectRouter, routerMiddleware } from 'connected-react-router' applyMiddleware(thunk, routerMiddleware(history), logger) const store = createStore(connectRouter(history)(reducer), enhancer)

а разве пропсы - это ни есть управление состоянием?

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

Ты про history от роута?

Да

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

спасибо

Народ. Делаю форму авторизации. После успешной авторизации идет редирект на profile на который подробная инфа о пользователе. Внимание вопрос? При успешной авторизации получать подробную инфу о пользователе и через props передавать на "страницу с подробной инфой" или как-то может быть по другому?

Да

Так а зачем импортить, он в пропсы от роута и приходит

Народ. Делаю форму авторизации. После успешной авторизации идет редирект на profile на который подробная инфа о пользователе. Внимание вопрос? При успешной авторизации получать подробную инфу о пользователе и через props передавать на "страницу с подробной инфой" или как-то может быть по другому?

Какой тип аутентификации?

ERROR: S client not available

Какой тип аутентификации?

Логин и пароль

Так а зачем импортить, он в пропсы от роута и приходит

Меня больше интересует, можно ли это делать в методе класса или это сайд эффект и обрабатывать его соответсвенно

JWT, oAuth токен, что с сервера приходит?

jwt

Сохраняй его в localStorage или sessionStorage, и инфу о пользователе в стор. Редиректись и дергай инфу со стора

jwt

А что юзаешь для роутинга?

Ну бэк playframework, фронт - react + react router

Ну бэк playframework, фронт - react + react router

В компонент <Redirect> можно пробросить стэйт

В компонент <Redirect> можно пробросить стэйт

Потом с декоратором withRouter подхватить эту инфу

jwt

https://www.thegreatcodeadventure.com/jwt-auth-with-phoenix-and-react-router-4/

http://s.syabro.com/2018-07-13_10-55-34.mp4 пилю селект есть идеи как трекать позицию выбранного элемента?

чтобы скроллить к нему

http://s.syabro.com/2018-07-13_10-55-34.mp4 пилю селект есть идеи как трекать позицию выбранного элемента?

scrollIntoView ?

scrollIntoView ?

спасибо, проверю

http://s.syabro.com/2018-07-13_10-55-34.mp4 пилю селект есть идеи как трекать позицию выбранного элемента?

Есть же getboundingclientrect

Есть же getboundingclientrect

Зачем?

scrollIntoView ?

Самый минимальный и доисторический вариант .focus()

Всем день добрый! Подскажите пожалуйста, как лучше всего интегрировать приложение на React Native с Яндекс-Кассой?

@reactnative_ru

@reactnative_ru

Благодарю!

Если я в связке React/Redux/Immutable хочу роутер интегрированный в Redux, лучшим вариантом будет использовать connected-react-router?

React-router-redux уж точно не следует использовать?

React-router-redux уж точно не следует использовать?

Deprecated

Самый минимальный и доисторический вариант .focus()

фокус не пашет с дивом

фокус не пашет с дивом

tabindex попробуй поставить

нет, спасибо

scrollIntoView ?

не пашет c параметро false

похоже придется по старинке через getboundingclientrect

tabindex попробуй поставить

>_>

не пашет c параметро false

Поставь полифилл.

Он работает прекрасно.