Avoid co-locating different concerns into the one area. This keeps your code more maintainable.
A common example is presentation and data. These can be separate React components, separate CSS file, separate functions, etc.
Closely tied to [[20221010033955-single-responsibility-principle]] and [[20210202103254-coupling-cohesion]]