Файловая структура react приложения при использовании css-in-js
Всем привет. Недавно я начал изучать react(да, собственно, и js тоже) для того, чтобы попробовать использовать относительно новые и популярные "фронтэнд-штучки" для своего приложения на Flask. Кроме этого, я заинтересовался методологией написания css-in-js, она показалась мне тоже весьма интересной. Но, после того, как я в это влез, я окончательно запутался, т.к. не до конца понимаю, как все это организуется в одном проекте. Т.е. как писать стили с использованием css-in-js(glamorous)? Собрать их все в одном файле а потом импортировать в главную компоненту, или для каждой компоненты сделать свой файл со стилями а потом импортировать их в соответствующие компоненты, или в каждой компоненте писать эти стили? У меня уже мозг взрывается, потому что каждого из этих способов я пытаюсь предвидеть какие-то проблемы и неудобства в будущем. Кроме этого, я не совсем понимаю, как мне потом соединить Flask и react? Не засовывать же мне целый react проект в папочку static?) Если что, то я сразу извиняюсь за, возможно, глупые вопросы) Просто, на flask я уже написал какое-то количество кода с использованием "обычных" html, css и js, а вот с react не до конца понимаю + не так много информации в интернете смог найти. Заранее спасибо.