I think it’s great to share your learnings with the community. I can’t say I agree with some of them like — inline styles. being —
- CSS in JS is not only for big projects, it’s for any maintainable project.
This is quite a bold statement and I don’t believe you can prove it’s going to help for maintainability.
- Separation of concerns is good for maintainability.
- Organised, consistent code is good for maintainability.
- DRY (Don’t repeat yourself) is good for maintainability.
- Resource management of peoples skills is also fundamental to maintainability, because who is going to maintain it?
External css in one folder, perhaps named according to the components is a clearer separation of concerns.
Css classes can be named and developed in a way so as not to have to be repeated for every render of that component.