Size: a a a

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

2020 October 13

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Ilya Agarkov
да, нормально
Вот почему я спрашивал об children as function:
https://americanexpress.io/faccs-are-an-antipattern/
источник

V

Vova in React — русскоговорящее сообщество
Ребят, допустим при удалении поста вызывается модальное окно с подтверждением. У меня есть функция с апи, удаляющая это пост, и у которой есть входные данные. Естественно удалится пост только тогда, когда пользователь нажмет подтвердить. Проблемы: 1) Правильно ли я делаю, когда в модальном окне вызываю функцию удаления с переданными  в это окно входными данными.  2) Таких модальных окон у меня допустим несколько и в каждое из них по моей логике нужно прокинуть все эти входные данные, но они разные и их очень неудобно типизировать через ts. 3) У меня есть одинаковый компонент модального окна (NewModal), компонент внутреннего содержимого (PostCreate) , а также компонент который все это оборачивает (AddRepostModal). И так как модальных окон несколько, то подобных AddRepostModal много и всех их я сую грубо говоря в app.js чтобы в нужный момент их отрисовать. Понимаю, что скорее всего я делаю неправильно и меня это беспокоит. Поправьте пожалуйста. Привожу пример такого модального окна.
источник

IA

Ilya Agarkov in React — русскоговорящее сообщество
какие там основные доводы против?
источник

И

Иван in React — русскоговорящее сообщество
то есть проблема в том, что chikdren — плохое название для функции? кек)
источник

И

Иван in React — русскоговорящее сообщество
Ilya Agarkov
какие там основные доводы против?
👆
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Понял / осознал, вопрос закрыт) спасибо)
источник

IA

Ilya Agarkov in React — русскоговорящее сообщество
такая длинная статья  и только один аргмент?)
источник

A

Alex in React — русскоговорящее сообщество
Иван
так что там? какие новости?
Имена ещё не поменял. Фетч добавляет книги в стор. Соответственно если апдейтятся книги, то перерисовывал бы компонент
источник

И

Иван in React — русскоговорящее сообщество
Alex
Имена ещё не поменял. Фетч добавляет книги в стор. Соответственно если апдейтятся книги, то перерисовывал бы компонент
у тебя написано “если апдейтятся книги, то запрашиваются книги”

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

И

Иван in React — русскоговорящее сообщество
Alex
Имена ещё не поменял. Фетч добавляет книги в стор. Соответственно если апдейтятся книги, то перерисовывал бы компонент
ты в следующий раз, когда вопрос задаёшь, перед тем как отправить, прочитай. все ли ты имена поменял, понятно ли тебе, что там написано
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Vova
Ребят, допустим при удалении поста вызывается модальное окно с подтверждением. У меня есть функция с апи, удаляющая это пост, и у которой есть входные данные. Естественно удалится пост только тогда, когда пользователь нажмет подтвердить. Проблемы: 1) Правильно ли я делаю, когда в модальном окне вызываю функцию удаления с переданными  в это окно входными данными.  2) Таких модальных окон у меня допустим несколько и в каждое из них по моей логике нужно прокинуть все эти входные данные, но они разные и их очень неудобно типизировать через ts. 3) У меня есть одинаковый компонент модального окна (NewModal), компонент внутреннего содержимого (PostCreate) , а также компонент который все это оборачивает (AddRepostModal). И так как модальных окон несколько, то подобных AddRepostModal много и всех их я сую грубо говоря в app.js чтобы в нужный момент их отрисовать. Понимаю, что скорее всего я делаю неправильно и меня это беспокоит. Поправьте пожалуйста. Привожу пример такого модального окна.
На днях также решал задачу с множеством модальных окон, взял за пример ответ Дэна Абрамова - удобный подход для немаленьких приложений:
https://stackoverflow.com/questions/35623656/how-can-i-display-a-modal-dialog-in-redux-that-performs-asynchronous-actions
источник

V

Vova in React — русскоговорящее сообщество
Спасибо!
источник

A

Alex in React — русскоговорящее сообщество
Иван
у тебя написано “если апдейтятся книги, то запрашиваются книги”

через это в сторе будут заапдейчены книги, что приведёт к новому запросу книг. в свою очередь, запрошенные книги обновят стор, а в ответ на это произойдёт запрос книг. в результате ответа от сервера книги будут обновлены, из-за чего произойдёт новый запрос. могу продолжать до бесконечности. как твоё приложение)
Спасибо, а компонент обновляется, потому что к нему в свойства поступают новые книги?
источник

Q

Qop in React — русскоговорящее сообщество
Как лучше правильно сделать. У меня есть lists. Они показываются в другом компоненте. А Списки рендерятся в зависимости от url (listId = url). И мне так же нужно отобразить title листа в компоненте в месте задачами. Так вот я бы мог туда и отправлять все списки, и в useEffect делать фильтр по url. Но это не правильная затея думаю, зачем ему знать о списках. Как быть?
источник

И

Иван in React — русскоговорящее сообщество
Alex
Спасибо, а компонент обновляется, потому что к нему в свойства поступают новые книги?
да
источник

Q

Qop in React — русскоговорящее сообщество
Глупый вопрос чтоли? или не париться и отдать lists и там фильтровать каждый раз при изменении match.params. Сейчас вот так выглядит
источник

GO

Green Orange in React — русскоговорящее сообщество
оффтоп. учить тайпскрипт это как новый язык учить? (как если бы я начал учить питон) или знания js все же немного помогут?
источник

DK

Daniel Karuna in React — русскоговорящее сообщество
Green Orange
оффтоп. учить тайпскрипт это как новый язык учить? (как если бы я начал учить питон) или знания js все же немного помогут?
как добавить джаваскрипту немножко фич
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
Typescript это тот же джаваскрипт + немного фич
источник

GO

Green Orange in React — русскоговорящее сообщество
спасибо
источник