lnked

https://codepen.io/anon/pen/QvKLBr
Отступы сами добавите.

https://codepen.io/AllThingsSmitty/pen/cHjIC/

Добавьте поверх блока другой, прозрачный. Перекроет и клик, и ховер.

Там где подключается ваш js-файл добавьте в параметрах номер версии. Например так:
<script src="/my/script.js?v=1"></script>
При желании можете это дело автоматизировать

Насколько я знаю, с маленькой буквы так можно рендерить только теги. Попробуйте
function PropsPasser(Element, props)
и
<Element />

Если хотите решить проблему в лоб то просто проверяйте перед рендером данные, это в любом случае не повредит, или задайте начальное значение для data, но React это view слой, слать запросы из view не самая лучшая идея
Посмотрите в сторону flux архитектуры (я сам использую redux но общее название ... )
Шлите запросы из action, в redusere меняйте store, а компонент сам уже отрисует все что придет
Звучит не первый взгляд дико и кода чуть больше но он сильно чище и проще в поддержке

Ну например:

.bounceInLeft {
    animation: bounceInLeft 1s linear infinite;
    /* animation: [имя] [время работы] [функция анимации] [количество повторов]; */
}

Либо через отдельное свойство animation-delay: 10s;

Затем что <h1>Hello World!</h1> преобразуется в React.createElement("h1", null, "Hello World!")

Чтобы с jsx работать

Это особенности рендера шрифта, можно поиграть с line-height, для сдвига первого символа можно задействовать псевдоэлемент :first-letter, но на мой взгляд оно того не стоит.

v — это пустой интерфейс interface{}, в котором может лежать абсолютно любое значение любого типа данных. Чтобы достать оттуда это значение и использовать, надо привести его к нужному типу.
v.(string) приводит его к типу string. Мы тут можем так делать, так как знаем, что Get нам возвращает string. Если в v при этом будет лежать не string, мы получим панику на строчке v.(string).
https://tour.golang.org/methods/15