Роман Александрович

вы можете рядом с каждым компонентом создать свой css и подключить import './yourcss.css'.
таким образом для каждого компонента можно отдельно писать свои стили.

https://medium.com/@adelekandavid2013/reactjs-app-...

У меня в проекте все файлы лежат в public и я указываю путь к файлам './files'

как вариант: www.material-ui.com/#/components/table
и еще: https://react-bootstrap.github.io/components.html#...
Но советую брать material.

я храню на уровне Public. Создал там css img и т.д. и придерживаюсь. Но вам никто не запрещает положить и src.

Редукс форм работает по принципу view → action → middlewares → reducers → state → view. Что вам мешает собрать данные о файле и положить их в State. А затем при сабмите формы собрать все данные в кучу и написать один экшен. Я писал форму отправки фото с описанием на сервер и от вашей она думаю будет отличаться полями и апи сервера. У меня передаются все данные в экшен. В экшене первым делом ложится картинка на сервер и в ответе я получаю её id. А дальше с id картинки делайте что хотите.

Часто встречающаяся проблема при вложенных компонентах. Самое простое решение в этой ситуации использовать component should update. Еще один выход из положения это использовать pure components.

Я думаю что это не целесообразно. При создании билда JavaScript Minifier создает один файл что бы уменьшить количество занимаемого места. Есть конечно бредовая идея попробовать силами webpack заставить Minifier сжать отдельно каждый файл и затем подключать необходимые. Тот еще танец с бубном. Возможно гуру что то предложат по умнее.
https://webpack.github.io/docs/optimization.html
You can generate multiple commons chunks, by selecting the entry chunks. And you can nest commons chunks. (Ваша тема)

Думаю что тебе первым делом нужно хорошо знать js a дальше выбрать самому какой из фреймворков и их концепций ближе и понятнее. Я в своё время поднял на хороший уровень знание jquery и сейчас знаю но это мне не помешало изучить реакт. Есть места где до сих пор целесообразнее использовать jquery но это очень специфичные задачи. Основную часть задач скажем процентов 80 если не 90 решаю на реакте. Думаю главное преимущество всех фреймворков что ты перечислил по сравнению с jquery это скорость и концепцию компонентов. Может где то отвалиться часть приложения при этом остальная часть будет прекрасно работать что не скажешь о jquery. Концепция Компонентов так же позволяет уменьшеть дублирование кода и переиспользования компонентов.
В общем много за и мало против. В любом случае решать тебе.

думаю вот ответ на твой вопрос
https://ru.vuejs.org/v2/guide/comparison.html
и еще пару замечательных статей
https://habrahabr.ru/company/ruvds/blog/323142/
https://habrahabr.ru/post/267715/

У вас есть первый несколько вариантов
Первый это прокинуть функцию через пропсы в а затем в и вызывать функцию this.props.myFunk в компоненте передавая необходимые переменные.
Таких образом можно передать данные родителям. Но это не самый красивый способ
Второй способ это использовать редукс. Положить данные при обработке в и вытащить из store в .
И третий вариант это использовать Contex. Самый редко используемый способ на мой взгляд. https://habrahabr.ru/post/266407/ прекрасная статья которая ответит на все вопросы о контексе реакта.

На мой вгляд если нужно быстрое решение используйте первый способ, но правильнее использовать редукс.

Идеология компонентов как раз и заключается в том что бы один компонент описывался так что бы его можно было переиспользовать в нескольких местах. Благодаря этому вы не копируете куча кода по 500 раз в разных местах.
Что качается адаптивности то существует куча различных сеток позволяющих верстать не боясь за адаптивность.
Примеры: bootstrap или material ui