Recently, one of my colleague decided to destructure the React-Native styles object this way:const { header, headerHint, bodyContainer, body, normalText, buttonWrapper, button, footer, footerLinks } = styles;And then used the variables in the React code:<View style={header}>  <Text style={headerHint}hint</Text> ...</View>This felt quite wrong to me as it doesn't provide much value to the code, destructuring an object to grab more than 5-6 variables makes the code more difficult to read in my opinion. Also, keeping the styles in the styles object let you know your styles comes from the StyleSheet. In some cases we might want to create variables to merge several styles, they become much easier to spot.He argues destructuring reduces areas that you need to change - if you need to change them like if the styles object changes to something else, you don't have to remove all the references to styles.I'm wondering what is your opinion on this point and if you follow any style guide about destructuring object like this one?
Using a destructuring assignment on a style object to extract two members
javascript;react.js;react native