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

если человек быстро печатает то ему просто кажется что инпут сошел с ума и не работает

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

нахуй так жить

нахуй так жить

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

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

асинхронно нельзя чтоль сделать?

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

сохраняй в session storage, если переживаешь за потерю данных и потом сохранить

в базу отправлять запросы на кажды onChange тоже не круто

сохраняй в session storage, если переживаешь за потерю данных и потом сохранить

дело не в потере данных а в отсутствии действия сохранить

печатаешь - сохраняется

дело не в потере данных а в отсутствии действия сохранить

1 действие против “много действий”. зачем?

нагрузка/трафик/ко-ко-ко

в базу отправлять запросы на кажды onChange тоже не круто

когда с этими полями работает 2-3 человека максимум и речь про интернал офис то ничего страшного

по крайней мере в прошлой версии без контролд инпутов все работало без нареканий

когда с этими полями работает 2-3 человека максимум и речь про интернал офис то ничего страшного

как и в кнопке сохранить =) ну то есть, можно проблему решить легче. Не вижу в кнопочке ничего плохого.

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

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

апишка у них есть для этого? если есть - читай доку ) (сорян за капитанство)

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

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

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

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

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

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

солидарен

то есть через this.input.value

точно так же на ончендже

то есть через this.input.value

ну тогда может не надо на контроллед переделывать было?)

апишка у них есть для этого? если есть - читай доку ) (сорян за капитанство)

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

ну тогда может не надо на контроллед переделывать было?)

о том и речь!

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

не могу подсказать.. у вк есть OpenAPI там в отдельном окне, может у ОК что-то такое жэе найдется (то есть у VK на редиректах тоже есть)

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

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

ну вот же: 3. Получение access_token После подтверждения авторизации пользователь будет перенаправлен на указанный при открытии диалога авторизации redirect_uri, в котором после символа решётки будут переданы параметры access_token и session_secret_key, а также state в случае, если он был указан на этапе 1

☝️ редирект адрес то укажи свой и вуаля

о том и речь!

Наркомания какая-то. Повесил синхронный запрос к базе на онченж и жалуется что controlled input странно работает.

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

https://apiok.ru/ext/oauth/client

да да , когда задача нажатбь на кнопку ок - получить редирект на их сайт, нажать разрешение - получить редирект на свой сайт это подъходит

парни я с этих док начинал

парни я с этих док начинал

тогда вопрос еще раз сформулируйте)

> но потом оно переводит на другой адрес для отдачи токена пусть переводит на ваш адрес, или где тут проблема

Наркомания какая-то. Повесил синхронный запрос к базе на онченж и жалуется что controlled input странно работает.

вы видимо не понимаете, что 1) аналогично но без контролд инпута, а с получением вэлью через this.input.value работает нормально, хотя в базу пишет тот же вэлью с той же скоростью печатания и так же синхронно и 2) я не жалуюсь, я реализовал дохуя форм создания (где все работает норм), и всю ночь пилил формы редактирования (где уже от базы данные), и вот допилил и увидел, что работает криво. моя ли тут вина? да, надо было проверить. а еще надо было писать рядом с ебаными контролд инпутами что с ними только через стейт работать и нихуя больше

https://github.com/geoffdavis92/downshift-test?files=1 решение для другого проекта, но смысл тот же

наличие вот этого как бы намекает что что-то здесь не так

вы видимо не понимаете, что 1) аналогично но без контролд инпута, а с получением вэлью через this.input.value работает нормально, хотя в базу пишет тот же вэлью с той же скоростью печатания и так же синхронно и 2) я не жалуюсь, я реализовал дохуя форм создания (где все работает норм), и всю ночь пилил формы редактирования (где уже от базы данные), и вот допилил и увидел, что работает криво. моя ли тут вина? да, надо было проверить. а еще надо было писать рядом с ебаными контролд инпутами что с ними только через стейт работать и нихуя больше

нормально работает потому что setState асинхронный

нормально работает потому что setState асинхронный

ок когда выполняется сетстейт то почему курсор не возвращается в конец?

// когда он закончил асинхронно выполняться

// когда он закончил асинхронно выполняться

https://github.com/facebook/react/issues/955

я читал это

ребята дайте ссылку (ну или напишите решение), как работать с лэйаутами в react (типа header, footer и т.д.)

Эм, просто делаешь темплейт и в тело передаешь динамик контент

Эм, просто делаешь темплейт и в тело передаешь динамик контент

спасибо. Давно разобрался)

Да, я так и подумал ?

Всем привет! Юзаю material ui, стилизирую компоненты с помощью withStyles. Но у меня есть html контент, который напрямую вставляется в код страницы через setDangerousInnerHtml (как-то так, пишу по памяти). Как его стилизировать нормально? Я могу стили прописать для блока, в который этот контент вставляется. Но проблема в том, что в меня там есть в этом готовом html картинки, например, для которых свои стили нужны. Как правильно сделать?

Через global не катит, потому что тогда стили на весь сайт распространятся

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

я не понял. https://codesandbox.io/s/x34kw6ojqo как мне тут это воспроизвести?

я не понял. https://codesandbox.io/s/x34kw6ojqo как мне тут это воспроизвести?

Cursor jumps to end of input when inputValue is a controlled prop [link]

https://codesandbox.io/embed/3qnr4j4lnq?codemirror=1 Вот тут воспроизведено судя по всему

Кейс - Когда значение инпута хранится не в стейте, а в пропсе

что значит хранится в пропсе?

Значит value = { this.props.text }

Значит value = { this.props.text }

ну так хранится то оно все равно в стейте. в стейте родителя

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

ну так хранится то оно все равно в стейте. в стейте родителя

Ну не обязательно же пропс из стейта родителя

ну так хранится то оно все равно в стейте. в стейте родителя

С сервера получаем text

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

Я уже не за компом, поэтому не могу скинуть, но воспроизводить эт и не нужно, достаточно знать что такая херня присутствует :(

@psewdo У меня асинхронные методы бд все, кстати(

@psewdo У меня асинхронные методы бд все, кстати(

Я уже воспроизвёл. Есть два пути решения: stateful wrapper для инпута либо вручную контролировать каретку

Я уже воспроизвёл. Есть два пути решения: stateful wrapper для инпута либо вручную контролировать каретку

Statefull wrapper это то решение по линку, который выше кидали, верно?

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

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

Первый если у тебя много рендер пропов второй если 1

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

Первый будет более гибкий и расширяемый

ERROR: S client not available

Ага, ну ясно, спасибо

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

Еще добавлю что второй вариант не очень если нужен доступ к children

Это редьюсер?

Инишиал стейт редюсера

Нормализуй, ёпта!

Нормализуй, ёпта!

За этим сюда и пришел)

Здесь долго будешь нормализовать, возьми normalizr, и го :)

Вообще в идеале у тебя все плоское должно быть

В идеале да, чем проще стейт, тем проще с ним будет работать.

Изначально архитектура приложения совсем не подразумевала флюкс подход, т.к. было 2-3 стейта, которые помещались в компонентах. Потом начало наростать и рут редюсер оброс большим кол-вом генераторов и разросся стейт. Как можно избежать такой вложенности?

Изначально архитектура приложения совсем не подразумевала флюкс подход, т.к. было 2-3 стейта, которые помещались в компонентах. Потом начало наростать и рут редюсер оброс большим кол-вом генераторов и разросся стейт. Как можно избежать такой вложенности?

Мммм... Дай подумать. А что насчет нормализации? :)

какое основное отличие в react-router-4 между person/edit и person/edit/id(динамическое) ?

Запостил React-приложение на хостинг, в ПК браузере все показывает отлично, в тоже время, если зайти через iPad -> ничего не отображается, в чем проблема ?

Запостил React-приложение на хостинг, в ПК браузере все показывает отлично, в тоже время, если зайти через iPad -> ничего не отображается, в чем проблема ?

что в консоли пишет?

что в консоли пишет?

ну ты что так сразу) подскажи: подцепите iPad, откройте Safari

ну ты что так сразу) подскажи: подцепите iPad, откройте Safari

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

какое основное отличие в react-router-4 между person/edit и person/edit/id(динамическое) ?

в случае с person/edit/:id будет в match.params.id - айдишник

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

кстати, хотел это как раз спросить. На винде не прокатит удаленная отладка через сафари?

нет, эьл я понимаю

что это дает?

кстати, хотел это как раз спросить. На винде не прокатит удаленная отладка через сафари?

для винды сафари - труп, который года с 12го не обновляли

что это дает?

Ты наркоман?

кстати, хотел это как раз спросить. На винде не прокатит удаленная отладка через сафари?

в хроме есть удаленный дебаггер

в хроме есть удаленный дебаггер

гуд) тогда ссылку в студию и поможем человеку)

в хроме есть удаленный дебаггер

а что, если баги в сафари на иос? ))

в хроме есть удаленный дебаггер

в хроме а не в сафари

а что, если баги в сафари на иос? ))

шах и мат))

а что, если баги в сафари на иос? ))

на удивление, большинство багов под iOS ловил в Responsive Mode сафари

в случае с person/edit/:id будет в match.params.id - айдишник

я делаю history.push.(url, state;{id: id}) какая разница в компоненте я достану айди из state или из math.params.id

на удивление, большинство багов под iOS ловил в Responsive Mode сафари

лолчто