Где двусторонний дата-биндинг?

Дмитрий, немного пораскинув мозгами я прокинул контекст явно и это заработало.
Теперь биндинг выглядит так:
onChange={updateField.bind(this, 'login', this)
А сама импортируемая функция так:

const updateField = (fieldKey, context, event) => {
    const value = event.target.value;
    context.setState((state) => {
        state[fieldKey].value = value;
        return Object.assign({}, state)
    })
}

Как выводить спрайт svg в зависимости от data элемента на странице?

Genri_Rus, дык да, допиши. Вообще я б вебпаком извлекал это всё и не в индексный массив, а в объект с ключами. ключ - иконка, ключ - иконка.
Потом создал модуль, который перебирал бы все селекторы, к которые нужно вставить иконки:

$('.icon').each((item) => {
  let currentIconCode = $(item).data('icon'),
  // где iconObject - мой плоский объект с иконками
  iconContent = IconObject[currentIconCode]
  $(item).html(iconContent)
})

Как убрать ошибку в npm?

kolykisel, вообще вряд ли ну ты лучше выясни опытным путём

Где двусторонний дата-биндинг?

Дмитрий, как я и думал это не заработало. У меня в updateField с onChange прилетал event - я ж не просто так его забиндил:
onChange={this.updateField.bind(this, 'email')}
Ивент то прилетает, только fieldKey я теперь пробросить не могу.
onChange={updateField(this, 'login')}
Уже как таковое неверно. Реакт исполнит updateField вместо биндинга

Где двусторонний дата-биндинг?

Дмитрий, я попробую, но мне нужен функциональный сетстейт. Как видите по примеру, стейты компонентов имеют сложную структуру и если я отдам в setState объект вместо колбэка, я точно отгребу ошибок

Как выводить спрайт svg в зависимости от data элемента на странице?

Genri_Rus, ну тут тогда только инлайном можно спасти ситуацию
https://css-tricks.com/change-color-of-svg-on-hover/

Как убрать ошибку в npm?

kolykisel, ну тогда совсем печаль. убедись что npm стоит последний, потри package-lock с node_modules и npm i по новой. Если и это не поможет то тут где-то в ls модуле npm косяк закрался. И тогда тут только писать в npm на github новую issue и ждать от них ответа

Как выводить спрайт svg в зависимости от data элемента на странице?

Да какие бы они ни были сложные, это неважно. Приведи всех к одному вьюбоксу и выпили все fill и stroke из разметки, наследуй их через css.
Про ховер - расставь на circle нужные селекторы и в css по hover залей как хочешь

Где двусторонний дата-биндинг?

Дмитрий, естественно.
Пример. Есть login, есть register, у обоих компонентов есть одна и та же функция биндинга. Она абсолютно идентична, но я не могу её вынести в хок потому что у него совсем другой стейт:

//Рега
class Register extends React.Component {
    constructor(props) {
        super(props)
        this.updateField = this.updateField.bind(this)
        this.state = {
            profileName: {
                valid: true,
                value: ''
            },
            email: {
                valid: true,
                value: ''
            },
            confPass: {
                valid: true,
                value: ''
            }
        }
    }
// явный биндинг
    updateField(fieldKey, e) {
        const value = e.target.value;
        this.setState((state) => {
            state[fieldKey].value = value;
            return Object.assign({}, state)
        })
    }
    render() {
        return <div className='auth__reg'>
            <div className='auth__card'>
                <Input className='auth__input'
                    labelInside
                    value={this.state.profileName.value}
                    label={
                        <Translation>
                            {t => t('auth.label.profile')}
                        </Translation>
                    }
                    onChange={this.updateField.bind(this, 'profileName')}/>
                <Input className='auth__input'
                    labelInside
                    value={this.state.email.value}
                    label={
                        <Translation>
                            {t => t('auth.label.email')}
                        </Translation>
                    }
                    onChange={this.updateField.bind(this, 'email')}/>
                <Input className='auth__input'
                    labelInside password
                    value={this.state.password.value}
                    label={
                        <Translation>
                            {t => t('auth.label.setPass')}
                        </Translation>
                    }
                    onChange={this.updateField.bind(this, 'password')}/>
                <Input className='auth__input'
                    labelInside password
                    value={this.state.confPass.value}
                    label={
                        <Translation>
                            {t => t('auth.label.confirmPass')}
                        </Translation>
                    }
                    onChange={this.updateField.bind(this, 'confPass')}/>
               
            </div>
        </div>
    }
}

//логин
class Login extends React.Component {
    constructor(props) {
        super(props);
        this.updateField = this.updateField.bind(this)
        this.state = {
            remember: true,
            login: {
                value: ''
            }
        }
    }
// и вот она снова... 
    updateField(fieldKey, e) {
        const value = e.target.value;
        this.setState((state) => {
            state[fieldKey].value = value;
            return Object.assign({}, state)
        })
    }

    render() {
        return <div className='auth__login'>
            <div className='auth__card'>
                <Input className='auth__input'
                    labelInside
                    value={this.state.login.value}
                    label={
                        <Translation>
                            {t => t('auth.label.login')}
                        </Translation>
                    }
                    onChange={this.updateField.bind(this, 'login')}/>
            </div>
        </div>
    }
}

Лишние куски я выпилил

Как убрать ошибку в npm?

kolykisel, без сарказма, ярлык должен помочь. Но зреть же надо в корень проблемы, верно?) С вендой вечные проблемы путей. Эта система бесит всех nodejs разрабов потому что требует повсеместное использование path.resolve(). И меня она тоже бесит, вернее бесила в далёком прошлом когда я попытался работать с нодой под вендой. Это далеко не первая и не последняя npm ошибка, которую ты отхватишь именно под этой системой

Git+ftp возможно ли одновременно использовать в проекте?

FrozenAshes, а битрикс что, в файлах исходников держит контент? Админка должна управлять данными из базы и ничего не должна знать об исходном коде проекта. В исходниках вообще не должно быть контента. (---Исключения составляют локализации и они тоже правятся через git в json или xml смотря что за стэк---) Если это не так, то что-то вы там делаете неправильно

Git+ftp возможно ли одновременно использовать в проекте?

FrozenAshes, всё так как сказал Владислав Лысков . Если хотя бы один не самый умный человек произведёт напрямую в origin незаиндексированные изменения в git, репозиторий накроется медным тазом, его придётся реиндексить по новой для всех веток. Это геморрой, да такой, что легче заинитить репу по новой.

Почему всё работает лишь временно?

fapchat, ну значит плохо понял, потому что event.preventDefault() вызывается один раз и сверху

А есть ли jQuery height() чистом js?

К сиему чистому разъяснению по данному вопросу хочу лишь добавить его автору обход проблемы нулевой блочной модели display none.
Чтобы вычислить высоту скрытого блока, его нужно скрывать через opacity: 0; pointer-events: none. Что будет равнозначно действию display: none с сохранением в доме блочной модели скрываемого элемента

Функционал, потом верстка, или наоборот?

Антон Р., и как же ты обойдёшься без ветвлений во вьюхах? И если их не должно быть, как ты обоснуешь присутствие в библиотеках этого или это или вот это ну и куда же без вот этого.
Наверное разработчики фреймворков просто не такие дальновидные ребята как ты =)

Как правильно организовать сборку javascript bundle?

mikoniyan, можешь ещё к этому всему webpack bundle analyzer прикрутить, чтоб тебе вообще всё прозрачно было видно

Как правильно определить ширину контейнера и брейкпоинты при верстке?

Антон Кирпач, ну это печально. Прототипирование интерфейса под пользовательский опыт - задача дизайнера. Задача разработчика - предоставить гибкость изменений кодовой базы интерфейса. Разработка должна, наоборот, развязывать дизайнеру руки для реализации любых идей. Много брейков это плохо. А приведённые тобой - излишнее переполнение кодовой базы и что самое забавное - ни один из приведённых тобой брейков не предусматривает mobile landscape. Про ширину помнят все, а вот про то, что у viewport ещё и высота есть - не помнит почти никто.
Это терпимо только в типовых проектах. В нетривиальном сервисе с подобным подходом далеко не уйдёшь

Как правильно определить ширину контейнера и брейкпоинты при верстке?

Антон Кирпач, впервые слышу чтоб это решал верстала а не дизайнер.
Что-то тут не так -_-

Как правильно определить ширину контейнера и брейкпоинты при верстке?

11? Да ты парниша усидчивый.
У меня за всю историю разработки самый адаптивный дизайн макетами был описан максимум в 6 брейкпоинтов. 11 уже как-то параноидально

Можно ли начать изучения JS, если знаешь только базовый HTML&CSS?

Роман, про вебманки вообще у меня об этом немного другое мнение. Человек так уж устроен, что имеет некую предрасположенность - назовём это талант - к виду какой-то деятельности на генетическом уровне. Если человек родился с талантом в гуманитарии, конечно его вряд ли смутит var char1, char2, char3 и не поймёт он почему ж таки dont repeat yourself. Как бы ты ему не объясняй, сколько бы универов он не прошёл.
А другой, к примеру, классику всю жизнь не понимал, искусству роли не придавал, с креативностью и воображением не очень дружит, но способен и без универа за одну вчитку понять чем отличается индексный массив от ассоциативного - ему не нужен универ чтоб начать грамотно кодить, было бы желание и любая дорога выведет к опыту, хорошим проектам и успеху радости процветанию, хоть ты с jquery начинай, хоть с ассемблера.
Всё это, конечно, имхо, из личных наблюдений