yanis_kondakov

У вас в HomePage после return идет такая скобка { , а должна такая (

Ну и закрываться должна соответствующая скобка

До недавнего времени это было невозможно. Сейчас изучайте это https://reactjs.org/docs/hooks-intro.html

Универсальное решение

codepen

const boxes = document.querySelectorAll('.box');

const isNested = (f, t, c) => c + 1 >= f && c + 1 <= t;

const insertAfter = (elem, refElem) => refElem.parentNode.insertBefore(elem, refElem.nextSibling);

const transferBoxesToWrapper = (fromIndex, toIndex, wrapper) => {
  boxes.forEach((box, i) => isNested(fromIndex, toIndex, i) && wrapper.appendChild(box));
}

const createWrapper = (fromIndex, toIndex) => {
  let wrapper = document.createElement('div');
  
  wrapper.classList.add('wrapper');
  insertAfter(wrapper, boxes[fromIndex - 1]);
  transferBoxesToWrapper(fromIndex, toIndex, wrapper);
}

createWrapper(3, 5);

let str = 'текст';
//...
if (str === 'текст') {
    document.write(str);
} else {
    //Делаем что-то другое
}

1) Это значит, что можно будет использовать create-react-app практически в любом месте на компьютере не устанавливая пакет заново. Например в линуксе я прописываю путь, куда ставятся пакеты глобально и они всегда там находятся.
2) Да.
3) У вас установлен create-react-app, в который вшит webpack. Поэтому вы можете обновить только его. При большом желании вы можете сделать eject и затем обновлять каждый пакет отдельно.
4) Таким же образом, как любой другой пакет. Тык npm uninstall -g create-react-app
5) npm install create-react-app

https://codesandbox.io/s/jv7p4xj87v

Я не претендую на правильную организацию стэйтов и прочего. Очевидно, что openSection не должен храниться в OutsideClicked и прочее. Главное, чтобы было понятно, как сделать то, что вы спрашивали

Вы можете создать файл uglifyScript.sh

#!/bin/bash
mkdir -p dist/js && uglifyjs src/js/*.js -m -o dist/js/app.js

И затем запускать соответственно:

"scripts": {
    "uglify": "bash uglifyScript.sh"
}

У вас сначала выполнится'area' || 'base' || 'col' || 'command', получается у вас всегда проверяется

if (els[i].tagName.toLowerCase() === 'area') { return; }

Чтобы сделать, как вы этого хотите, можно сделать так

const values = ['area', 'base', 'col', 'command'];

if (values.includes(els[i].tagName.toLowerCase())) { 
    return; 
}

npm install --save-dev babel-loader@8.0.0

module: {
        rules: [{
            test: /\.(tsx?)|(js)$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
        }],
    }

Если вы используете jsx файлы, то нужно немного по-другому

Вам нужно передать контекст для метода sendData. Один из вариантов в конструкторе написать:

this.sendData = this.sendData.bind(this);

сложность O(n)

Проходим по массиву только один раз. Для каждого элемента мы записываем разницу между текущим элементом и данной суммой и устанавливаем эту разницу как ключ в объекте. А значением для этого ключа ставим текущий элемент.

const getPairsWithSumFromArr = (arr, sum) => {
    let map = {},
         res = [];

    for (let i=0; i < arr.length; i++) {
        const currEl = arr[i];

        if (map[currEl] !== undefined) {
            res.push([map[currEl], currEl]);
        } else {
            map[sum - currEl] = currEl;
        }
    }

    return res;
}

const createObj = id => {
    window[`ad-${id}`] = new Object;
};

idsStorage.forEach(id => createObj(id));

Вам нужно открыть файлы, которые вы мерджили и найти что-то типа такого:
<<<<<<< HEAD
// ваша версия
=======
// новая версия кода
>>>>>>>

Затем выбрать один из этих вариантов, затем сделать git add для файла и сделать git commit -m

Либо другой вариант это
git reset —hard HEAD
Это откатит к состоянию до мерджа

window.onscroll = function(ev) {
    if ((window.innerHeight + window.pageYOffset) >= document.body.offsetHeight) {
       //доскролил
    }
};

var lastScrollTop = 0;
window.addEventListener("scroll", function(){ 
   var st = window.pageYOffset || document.documentElement.scrollTop; 

   if (st > lastScrollTop){
      // скролит вниз
   } else {
      // скролит вверх
   }
   lastScrollTop = st <= 0 ? 0 : st;
}, false);

state: { hadSubmitted: false, };

componentDidUpdate(prevProps, prevState) {
    const { hadSubmitted } = this.state;

    if (hadSubmitted) {
        //...validate
    }
}

handleSubmit(e) {
    ...
    this.setState({
       hadSubmitted:  true,
    });
}

validate(state, form) {
    ...
    this.setState({ hadSubmitted: false, })
}