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

ну положи его в функцию танка в чем проблема

ну положи его в функцию танка в чем проблема

нет проблемы, но где сделать диспатч?

В didMount корневого контейнера

сразу после создания стора, когда получаем инстанс стора и на пряму store.dispatch({type: INIT}) или в didMount

что говорит бест-практис?)

если диспатчишь что-то, то в маунте, иначе смысла в этом действии нет(всмысле диспатчить)

что говорит бест-практис?)

второе

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

можно еще переменную в стейте сделать типо initialized: true/false, и не рендерить чайлда пока false

понятно, спасибо

не совсем уверен что ты пытаешься сделать, но использование getDerivedState обычно приводит к ошибкам и в 90% ситуацей не нужен и заменяется на componentDidUpdate

Я пытаюсь действия с формой до сабмита и отправки данных на сервер делать через нативные реакт события и нативный реакт стейт, при сабмите собирая введенные данные из нативного стейта в объект и посылая его на сервер, а получая после сабмита позитивный или негативный ответ от сервера, полученные данные забросить в глобальный стейт. После этого через mapStateToProps получить в виде пропсов в локальном компоненте, а затем смерджить пропсы, связанные с ответом сервера(обьект с ошибками, или обьект с данными пользователя) с локальным нативным стейтом реакта, чтобы данные обновились уже в компонентах формы(input'ах). если не использовать getDerivedState то как тогда иметь возможность записывать в поля формы и данные, вводимые пользователем в инпуты формы, и данные, пришедшие с сервера через глобальный стейт редакса так, чтобы они не конфликтовали? в свойство инпута value мне что передавать? пропсы со значениями с глобального стейта редакса, а при вводе в инпут данных пользователем на onСhange назначать экшн и изменять глобальный стейт, полностью отказавшись от нативного стейта реакта?

ЧЯДНТ

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

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

ок, сейчас попробую в песочницу

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

Люди подскажите почему кнопа не переключаеется ( https://codepen.io/Bersh/pen/dggNrX?editors=0110

всем привет. подскажите по архитектуре, плохая ли идея хранить логику в редюсере?

Уж лучше в action

Rebyata privet,kto skajet mne russkie freelance sayti gde mojno nayti rabotu?

Rebyata privet,kto skajet mne russkie freelance sayti gde mojno nayti rabotu?

В описании смотри

gde drujishe?

Люди подскажите почему кнопа не переключаеется ( https://codepen.io/Bersh/pen/dggNrX?editors=0110

тут почти все неправильно

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

https://codesandbox.io/s/106zy76lj7

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

gde drujishe?

@javascript_jobs

@murgut da videl,sposibo ogromnoe

https://codesandbox.io/s/106zy76lj7

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

одна

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

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

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

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

перенеси то что у тебя в wilRecieveProps в componentDidUpdate

с проверкой типа как в доке на набор текущих пропсов, чтобы не было цикличного вызова https://reactjs.org/docs/react-component.html#componentdidupdate

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

перенеси то что у тебя в wilRecieveProps в componentDidUpdate

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

они тоже придут в дид апдейт

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

не копируй их вообще в стейт

те перепиши в рендере типа const {errors} = this.props;

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

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

или лучше вообще отказаться от нативного стейта реакта?

С нубовскими вопросами можно сюда обратиться?)

что такое нативный стейт реакта?

что такое нативный стейт реакта?

ну локальный стейт компонента, не глобальный редакса. в который я при onChange записываю данные с инпутов

Скажем так, на onChange меняй состояние компонента, на onSubmit меняй глобальное состояние

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

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

вас понял, спасибо всем огромное

https://www.wix.engineering/blog/finally-a-react-refactoring-tool-introducing-glean

https://www.wix.engineering/blog/finally-a-react-refactoring-tool-introducing-glean

лол вебштор тоже так умеет

Всем привет, а есть хорошие примеры авторизации с twitch

народ, может кто нибудь подсказать? Запускаю тестирование, create-react-app на одном и том же проекте. Запускаю поиск тестов по паттерну и вижу разные картины(нет pattern matches). В чем дело? http://take.ms/uYOPI

Что скажете о logux?

Что скажете о logux?

по моей последней инфе и дока и он сам не доделаны

бери аполо

бери аполо

Тип он для gql

Ну, вроде как, на gql жить много легче чем на logux

??? https://github.com/callstack/linaria

https://reactjs.org/blog/2018/10/23/react-v-16-6.html

https://reactjs.org/blog/2018/10/23/react-v-16-6.html

Что-то они быстро с rfc сразу в прод

Что-то они быстро с rfc сразу в прод

Полгода обсуждений прошло, нет?

Полгода обсуждений прошло, нет?

memo недавно?

ERROR: S client not available

memo недавно?

Камон. Это очевиднейшая фича.

И с ней все равно был ряд проблем, в обсуждении поднимали

Охуенно, кстати, что статик контекст сделали!

Блин, это то, чего мне не хватало!

Suspense - это компонент ?‍♂️?‍♂️?‍♂️?‍♂️?‍♂️ почему это все происходит, я не понимаю....(

Хотя... Не совсем его понял.

Suspense - это компонент ?‍♂️?‍♂️?‍♂️?‍♂️?‍♂️ почему это все происходит, я не понимаю....(

Потому что стора нормального не придумали.

Хотя... Не совсем его понял.

да там все просто как топор

да там все просто как топор

ТУплю. Это позволит работать с контекстом компонента снаружи компонента?

Потому что стора нормального не придумали.

const suspense = (fallback, component) => component.fullfiled ? component, : fallback // .... return suspense(<div>Loading...</div>, <OtherComponent />) Логика должна оставаться в JS

const suspense = (fallback, component) => component.fullfiled ? component, : fallback // .... return suspense(<div>Loading...</div>, <OtherComponent />) Логика должна оставаться в JS

Ноль разницы

Только ты не сможешь сделать специальную ноду в реакте

Это же не компонент по сути

ТУплю. Это позволит работать с контекстом компонента снаружи компонента?

Крайне сомневаюсь. Не должно. Но в доке и обсужденниях у них там туповатые примеры: консумер показывают, а провайдер где - нет

Ноль разницы

СЕМАНТИКА

Крайне сомневаюсь. Не должно. Но в доке и обсужденниях у них там туповатые примеры: консумер показывают, а провайдер где - нет

Провайдер не нужен. Если я смогу доставать значения из контекста, то это будет замечательно.

Только ты не сможешь сделать специальную ноду в реакте

ок, сорян, пусть suspense возврощает ноду, это да

Но семантика должна соблюдаться

Но семантика должна соблюдаться

Какая

Ого, кто-то переводит https://ru.react.js.org

скиньте ссылку на статью оптимальную по работе с кэшем

О_о http://jsx.github.io/

и так не плохо

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

Потерял я веру в русские версии доков

Крайне сомневаюсь. Не должно. Но в доке и обсужденниях у них там туповатые примеры: консумер показывают, а провайдер где - нет

Слушай, а вне jsx как доставать значения из контекста?

Так что JS - императивное описание какой-то динамики. JSX - декларативная вьюха - просто биндинг к HTML

&& и тернарки довольно декларативны, да и array.map тоже