I'm building a custom React-based web mapping application that includes a table component. This table pulls data from an ArcGIS Online (AGOL) feature service and displays it in a tabular format. The feature service contains fields like District, County, and Regions that use coded domain values.
My goal is to show users the human-readable domain descriptions in the table while maintaining the ability to edit records. When users make updates, I need to save the corresponding domain codes back to the feature service, not the display values.
Since I have multiple tables that need to handle domain values in this way, I'm looking for the most efficient approach to implement this functionality across my application. What would be the best practice for managing this domain value translation between display and storage?