My react.js components get data from separately hosted graphQL service. Currently, the components are tightly coupled with service's schemas. For ex: component need item-name and read it from response.items.item[0].name.
Now, I have to change the source service and schema for this new service is quite different. For ex: item-name is now present in response.products.product[0].item.name.
I want to have some confidence with this service migration. Ex: item-name is same and present with new source service.
I wish to have this data source migration to be testable at data level rather than leaking the schemas to component level. Two questions -
- Is there any general pattern to hold source data at one place and use wrappers in components?
- How to test it side-by-side with old versus new data services?
Aucun commentaire:
Enregistrer un commentaire