Сергей Сунцев

Могу порекомендовать fetch или axios

Так же могу посоветовать протестировать путь до файла, если делаете get запрос, то файл, по заданному пути, аналогично можно открыть в адресной строке.

Вот у вас есть родительский компонент, в котором есть событие

export default class App extends Component {	
	render() {
		return (
			<ButtonBorder onCustomClick={this.handleClick} value='Классика' />
		)
	}
    handleClick(){
        console.log('action')
    }
}

И дочерний, в котором мы получаем событие

export default class ButtonBorder extends Component {	
        const {onCustomClick, value } = this.props;
	render() {
		return (
			<button onClick={onCustomClick} >{value}</button>
		)
	}
}

Бери api контакта и сделай к примеру свою галерею изображений.
С загрузкой, выгрузкой, фильтрацией, сортировкой, распределением по альбомам и т.д.

Есть одна теория, про SPA и СЕО продвижение.
Как правило поисковики любят, многостраничные сайты, они во много выигрывают за счет поведенческих факторов - переходов между станицами внутри одного домена.
А в SPA там получается, что человек всё сидит на одной странице, что не очень хорошо для продвижения и таким образом, топовые фирмы хотят, чтоб их продукты были на первых местах в поиске, поэтому публичную часть делают многостраничной, а личные кабинеты уже SPA.

Юзай сборщик, типа webpack

Как вариант могу подсказать - при открытии модального окна создать компонент с прозрачностью, width:100% height:100% и z-index < модалки
и повесить на него при клике обработчик закрытия модального окна

Для удобства можно поместить его в компонент модалки и просто скрывать display: none;

Попробуй create-react-app Думаю упростит работу

Да, конечно можно, к примеру находим компонент react-bootstrap
Устанавливаем его
npm install react-bootstrap
и подключаем
import Button from 'react-bootstrap/lib/Button';