Плохая ли это практика, так писать styled component и почему?
Знаю, что очень очень часто, если используют styled компонент, то его делают отдельным файлом и импортируют в компонент, но почему не пишут его сразу в компоненте, в самом низу, после кода компонента, я ещё не видел такого и не понимаю, почему так не пишут, это плохая практика, если да, то почему? Код styled`a не отсвечивается, не мешает.
Можно вообще весь проект написать в одном файле, вебпаку всё равно.
Главный вопрос - кому вы этот код показывать будете и как долго поддерживать.
Суть разделения в отдельные файлы - не мешать мух с котлетами.
Общий подход - выносить повторяющийся код, отделять бизнес-логику от оформления, выносить типы.
Это - сложившаяся практика, опирающаяся на существующий опыт.
З.ы. А что значит "не отсвечивается"? Подсветка в этом коде не работает что ли? Есть плагины для многих ide.