Олег Гамега

https://vk.com/dev/execute
не важно из какого языка шлете на сервер строку скрипт и она выполняется

Вставка кода в компонент приводит к ошибке сборки(в принципе понятно почему):
'VK' is not defined no-undef

скорее всего eslint ругается попробуйте добавить в начало файла
/* global VK */

Что лучше изучать для использования с Laravel, React.js или Vue.js?

слушай свое сердце бро
а если серьезно то ответ по сути тот же попробуйте написать на react и vue - оба фреймворка имеют свою нишу

Когда я увидел чарты (график) производительности React.js я офигел ! Он очень мощный!

я пишу на react и его производительность действительно радует, но я бы не стал делать выбор фреймоврка только основываясь на производительности (конечно есть задачи где она на первом месте но чаще решает другое)

для меня главный плюс react его востребованность, простота и масштабируемость - новый человек очень легко входит в проект, архитектура очень гибкая
react-native весомый бонус

часто слышу что react сложный по сравнению с vue - рядом обычно шутки что vue для тех кто не осилил react но есть пример верстальщика который не любит программировать (верстает классно, в любом проекте очень ценный специалист, но алгоритмическое мышление не очень и просто не любит) так он любит react и плюется на vue
это к тому что все дело вкуса и задач, оба фреймворка довольно просты и решать стоит исходя из своих задач и личных предпочтений

в state ложите переменную по клику на кнопку ее меняете, в рендере компонента className делаете в зависимости от переменной в state

я бы советовал не распылятся - хотите научится делать клиент серверные приложения, их и пишите, а сервер возьмите любое открытое api (например github api)
Для обучения это даст больше эффект, но если все таки очень хочется написать свой сервер то прочитайте про rest api и пишите на чем угодно

в разрезе react советовал бы почитать примеры из репозитория redux

1. Как правильно передавать изменнения в таком случае, чтобы обновлять основной контент (вопрос решится когда перенести connect() на уровень выше где есть сайдбар и main компонент, но правильно ли это)?

не уверен что я вас правильно понял но у вас одна стора на все приложение, где вы ее измените не имеет значения (в том смысле что не важно откуда вы дергаете action )

2. Функции connect, их должно быть как можно меньше и должны быть на высших уровнях?

если их экономить то у вас получатся фрагменты с овердофига пропертями которые очень не удобно использовать

при авторизации записывайте данные в redux, redux единсвенный источник истины не отходите от этого правила
пример
возможно не самый лучший пример но работает стабильно, у меня при авторизации через социальные сети прилетает токен в url

<Route exact path="/"
                                   render={() => {
                                       let token = getParameterByName('accessToken',history.location.search)
                                       if(token!=undefined&& token!=null){
                                           this.props.getProfileInfo(token)
                                       }
                                       return (<Redirect to={`/list/${id}`}/>)
                                   }}
                            />

spa пишут, магазин можно но не нужно

а чем create-react-app не удружил ? там это из коробки есть, только включить нужно