Данные словарей в приложении React

Question

Я пытаюсь спроектировать поток данных в моем приложении React. Есть ли у вас какие-либо советы, как управлять данными словарей? Я получаю наборы данных из REST API, такие как «Страны», «Валюты» и многие другие пары ключ-значение. Эти данные могут изменяться во времени, но довольно редко. Я хотел бы хранить их где-нибудь на стороне клиента, потому что многократная их загрузка повлияет на производительность приложения.

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

Answer 1

Самый простой способ, без использования метода redux / mobx et c, заключается в том, чтобы запросить данные от компонента, расположенного на самом высоком уровне дерева компонентов, например, App или аналогичного, и предоставить данные для все дочерние компоненты через Context API - https://reactjs.org/docs/context.html

Самый простой способ синхронизации ваших данных уже позаботился, так как он будет получать новые данные, если вы refre sh вашего экрана или загрузите приложение с нуля снова. В противном случае вы могли бы poll с установленным вами тайм-аутом или более продвинутым, вы могли бы использовать веб-сокеты или что-то вроде subscription из GraphQL

Answer 2

Человек ваш вопрос может быть разбит на многие вопросы, чтобы облегчить вам, я дам вам источники для просмотра:

1) Сохраните ваши данные в вашем приложении response-redux. 2) Javascript словари, концепция существует в виде ассоциативных массивов, таких как: object ['name'] = значение 3) для синхронизации вашего сервера с вашим приложением используйте ax ios.

cheers