Евгений

Как-то так:
https://jsfiddle.net/dmr5vy13/
Записать в свойство: specialEasing

Дак а в чем проблема? Загружайте массив всех кадров и уже на канвасе или в обычном img меняйте эти кадры в requestAnimationFrame.

WPF не умирает это же нативное приложение, оно в любом случае будет тратить меньше ресурсов, да и конечный файл будет весить в большинстве случаев меньше. Если хотите js+html то тогда Electron, хотя отличий от nw.js не такие уж и большие, главное отличие, что он запускает приложение через js файл + хорошая поддержка и развитие. И NW.js и Electron имеют почти последнию версию ноды и хромиума (мой выбор все же Electron)

Сделайте на github'e чеклист и сверяйтесь с ним

Если указываете

'Input/Input'

значит webpack по дефолту будет искать в папке node_modules, если вам нужно импортировать свой файл тогда нужно указать

'./Input/Input'

Можно воспользоваться новым синтаксисом а именно: "spread operator" и сделать как-то так:
https://jsfiddle.net/d5fo8913/1/
Т.к. вы передаете в f arguments а это массив, то и f будет ожидать только 1 аргумент. С спред оператором вы передадите все аргументы по отдельности

Как-то так:
https://jsfiddle.net/4z5fqdqt/

Используйте maps:

$container: (
    background: #ccc,
    transform: translate3d(0, 0, 0)
)

map-get($container, 'background')

https://www.sitepoint.com/using-sass-maps/

Как-то так:
https://jsfiddle.net/kb6kvfq8/
Высоту делим на 2 получаем радиус закругления

Можно как вариант делать миксины к примеру есть 2 контейнера и 2 заголовка:

<div class="container-1">
    <div class="header container-1__header"></div>
</div>

<div class="container-2">
    <div class="header container-2__header"></div>
</div>

Соответственно вешаете стили на микс. классы: "container-*__header" а основной блок не трогаете

Либо делайте синхронным, либо вызывайте функцию после получения данных:

var objects = 'n';

function someFunc(data) {
    objects = data;
    process();
}

$.ajax({
    url: 'some_file.php',
    dataType: 'json',
    success: someFunc
});
...
function process() {
    console.log(objects);
}

Оберните input в return и выводите перед этим что хотите в консоль:

renderBlocks() {
    const { entity } = this.props;
    return Object.keys(entity.structure).map(key => {
        console.log('test');
        return (
            <Input key={key} inputKey={key} inputValue={entity.structure[key]} />
        );
    })
}