Size: a a a

React — русскоговорящее сообщество

2020 October 21

A

Alexandr in React — русскоговорящее сообщество
Archakov 🌚
юзай formik, final-form или react hook form, там меньше костылить будешь
Спасибо, попробую!
источник

A

Archakov 🌚 in React — русскоговорящее сообщество
нзч, одна из этих либ полностью решает то, что ты хочешь
источник

A

Alexey in React — русскоговорящее сообщество
Всем привет, подскажите пожалуйста.
Есть спа, которое грузит с сервера массив объектов, с дальнейшим их рендером. В спа подразумевается создание, изменение, удаление этих объектов. Какой подход наиболее корректный?
1. При загрузке объектов с сервера сохранять их в redux.
При взаимодействии с данными этих объектов/создании/удалении отправлять соответствующие запросы на сервера > успех > загружать с сервера обновленные данные
2. При загрузке объектов с сервера сохранять их в redux.
При взаимодействии с данными этих объектов/создании/удалении отправлять соответствующие запросы на сервер > успех > создать массив этих объектов с обновленными данными и диспатчить его в redux, избегая лишнего запроса на сервер (как мне кажется, на каждое изменение данных делать запрос с сервера с обновленными данными - лишнее действие).

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

DM

Daniel Mednikov in React — русскоговорящее сообщество
Alexey
Всем привет, подскажите пожалуйста.
Есть спа, которое грузит с сервера массив объектов, с дальнейшим их рендером. В спа подразумевается создание, изменение, удаление этих объектов. Какой подход наиболее корректный?
1. При загрузке объектов с сервера сохранять их в redux.
При взаимодействии с данными этих объектов/создании/удалении отправлять соответствующие запросы на сервера > успех > загружать с сервера обновленные данные
2. При загрузке объектов с сервера сохранять их в redux.
При взаимодействии с данными этих объектов/создании/удалении отправлять соответствующие запросы на сервер > успех > создать массив этих объектов с обновленными данными и диспатчить его в redux, избегая лишнего запроса на сервер (как мне кажется, на каждое изменение данных делать запрос с сервера с обновленными данными - лишнее действие).

Конечно, если есть еще более корректные варианты, с радостью приму к сведению
Получать обновлённые данные в респонсе к реквесту(возможно, я не уверен, не баньте меня)
источник

OT

Oruj Tatiyev in React — русскоговорящее сообщество
кто может скинуть пример рекаптчи3? пишу на hook-ах
источник

E

Evgeny in React — русскоговорящее сообщество
Alexey
Всем привет, подскажите пожалуйста.
Есть спа, которое грузит с сервера массив объектов, с дальнейшим их рендером. В спа подразумевается создание, изменение, удаление этих объектов. Какой подход наиболее корректный?
1. При загрузке объектов с сервера сохранять их в redux.
При взаимодействии с данными этих объектов/создании/удалении отправлять соответствующие запросы на сервера > успех > загружать с сервера обновленные данные
2. При загрузке объектов с сервера сохранять их в redux.
При взаимодействии с данными этих объектов/создании/удалении отправлять соответствующие запросы на сервер > успех > создать массив этих объектов с обновленными данными и диспатчить его в redux, избегая лишнего запроса на сервер (как мне кажется, на каждое изменение данных делать запрос с сервера с обновленными данными - лишнее действие).

Конечно, если есть еще более корректные варианты, с радостью приму к сведению
От организации зависит.
Если id генерирует фронт, то можно сразу складывать в коллекцию и если ошибка откатывать назад.
Если id генерирует бэк, то безусловно забирать объект из респонса и складывать в коллекцию.
Если бэк не возвращает объект, то делать перезапрос данных
источник

И

Иван in React — русскоговорящее сообщество
Alexey
Всем привет, подскажите пожалуйста.
Есть спа, которое грузит с сервера массив объектов, с дальнейшим их рендером. В спа подразумевается создание, изменение, удаление этих объектов. Какой подход наиболее корректный?
1. При загрузке объектов с сервера сохранять их в redux.
При взаимодействии с данными этих объектов/создании/удалении отправлять соответствующие запросы на сервера > успех > загружать с сервера обновленные данные
2. При загрузке объектов с сервера сохранять их в redux.
При взаимодействии с данными этих объектов/создании/удалении отправлять соответствующие запросы на сервер > успех > создать массив этих объектов с обновленными данными и диспатчить его в redux, избегая лишнего запроса на сервер (как мне кажется, на каждое изменение данных делать запрос с сервера с обновленными данными - лишнее действие).

Конечно, если есть еще более корректные варианты, с радостью приму к сведению
Просто прикинь, что произойдёт, если один пользователь удалит сущность, а второй обновит её через пару минут?
источник

E

Evgeny in React — русскоговорящее сообщество
Но без запроса на бэк не обойтись, иначе это какая-то херь)
источник

A

Alexey in React — русскоговорящее сообщество
Иван
Просто прикинь, что произойдёт, если один пользователь удалит сущность, а второй обновит её через пару минут?
произойдет ошибка же
источник

И

Иван in React — русскоговорящее сообщество
Alexey
произойдет ошибка же
а когда пользователь об этом узнает, если ты не запрашивашь данные с сервера на каждое обновление?
источник

A

Alexey in React — русскоговорящее сообщество
Иван
а когда пользователь об этом узнает, если ты не запрашивашь данные с сервера на каждое обновление?
узнает в тот момент, когда он попытается это сделать.  У меня на каждое действие идет запрос на сервер.
Сохраняет изменение в объекте? put запрос, от статуса респонса уже происходит то или иное действие и тд
источник

A

Alexey in React — русскоговорящее сообщество
Иван
а когда пользователь об этом узнает, если ты не запрашивашь данные с сервера на каждое обновление?
в первую очередь у меня идет запрос на сервер, а потом уже либо then либо catch
источник

NS

Nurlykhan Salamatov in React — русскоговорящее сообщество
привет.
могу  ли изменить реф в дочернем компоненте и сделать рендер?
источник

A

Alexey in React — русскоговорящее сообщество
в случае ошибки я выдаю ошибку пользователю без изменения данных локально
источник

NS

Nurlykhan Salamatov in React — русскоговорящее сообщество
<Form ref={this.formRef} >
             <TestInput formRef={this.formRef}/>
         </Form>
источник

NS

Nurlykhan Salamatov in React — русскоговорящее сообщество
class TestInput extends {
   handleChange = (e) => {
       this.props.formRef.setFields({
           [e.target.name]: e.target.value
       })
   }
render(){
   return <Input onChange={this.handleChange}/>
}
}
источник

И

Иван in React — русскоговорящее сообщество
Alexey
узнает в тот момент, когда он попытается это сделать.  У меня на каждое действие идет запрос на сервер.
Сохраняет изменение в объекте? put запрос, от статуса респонса уже происходит то или иное действие и тд
окей
а теперь представь себе ситуацию, когда ты сидишь на работе, работаешь работу. обновляешь какую-то запись в CRMке, пыхтишь и тратишь внимание. нажимаешь “сохранить”, а тебе приложение отвечает — “не смогла, эта запись уже не существует”. после какого раза подряд ты схлопочешь нервный срыв и перестрелляешь коллег из кофемашины?
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Иван
окей
а теперь представь себе ситуацию, когда ты сидишь на работе, работаешь работу. обновляешь какую-то запись в CRMке, пыхтишь и тратишь внимание. нажимаешь “сохранить”, а тебе приложение отвечает — “не смогла, эта запись уже не существует”. после какого раза подряд ты схлопочешь нервный срыв и перестрелляешь коллег из кофемашины?
у него там как будто серверная валидация же
источник

И

Иван in React — русскоговорящее сообщество
Bugs Bunny
у него там как будто серверная валидация же
ну да. как только пользователь закончит работать над несуществующей записью, он сразу об этом узнает
источник

A

Alexey in React — русскоговорящее сообщество
Иван
окей
а теперь представь себе ситуацию, когда ты сидишь на работе, работаешь работу. обновляешь какую-то запись в CRMке, пыхтишь и тратишь внимание. нажимаешь “сохранить”, а тебе приложение отвечает — “не смогла, эта запись уже не существует”. после какого раза подряд ты схлопочешь нервный срыв и перестрелляешь коллег из кофемашины?
картина смешная, ситуация страшная, как говорится)
не знаю, влияет ли это, но у меня спа подразумевает работу в личном кабинете, где данные изменяет в текущий момент только один человек и на данные на сервере другой повлиять не может, для текущего пользователя
источник