Is it recommended to use inline CSS styles in a React / Next.js app to maintain code consistency across projects?
For example, like this:
import {StyleSheet, Dimensions} from 'react-native';
const vw = Dimensions.get('window').width / 100;
export const styles = StyleSheet.create({
container: {
paddingTop: 0,
width: '100%',
marginTop: 0,
marginBottom: 0,
marginLeft: 'auto',
marginRight: 'auto',
fontFamily: 'Rubik',
},
tableSection: {
width: '100%',
marginBottom: 0,
fontFamily: 'Rubik-Bold',
},
...
instead of using external CSS files:
.eventOptionTitle {
word-wrap: break-word;
text-overflow: ellipsis;
}
.starList {
list-style-type: none;
padding-left: 0;
}