Как организовывают проект на React? К примеру такая ситуация, у меня обычное меню на сайте, футер, мне эти элементы по сути не нужно делать через React, я могу просто сверстать их без React, а использовать React только там где нужно? Дальше вопрос про стили, я при верстке использую Less, как мне организовывать код в данном случаи? Я раньше компилировал код с помощью Gulp, видимо сейчас так уже не получится, и обязательно ли стили подключать напрямую к React компонентам? Или можно как и при обычной верстке разбивать стили, как мне удобно?
1. React приложение это лишь модуль который рендерится в древе вашей страницы. Соответственно, это может быть как полноценное SPA приложение, так и небольшой виджет, ничего не подозревающий о содержимом остальной части страницы. Тут все зависит от задач, которые вы перед собой ставите.
2. Собирать бандл лучше с помощью webpack. Это сейчас стандарт фронтенд разработки.
3. Стили можно организовывать множеством способов. В экосистеме имеется множество разных инструментов для решения этой задачи. Если планируете переиспользование своего виджета, то стили лучше писать изолированные, если это лишь неотъемлемая часть проекта, содержащая сложную логику, то можно смело использовать общие стили проекта. Возвращаясь к вашему вопросу, нет, стили подключать напрямую не обязательно.
