nakree

В документации все написано. В ютубе полно роликов про webpack 4. Пример установки лоадера показан вот здесь https://webpack.js.org/concepts/loaders/#example . Пример установки sass-loader написан прямо в npm. Чтобы настроить перезагрузку страницы при изменениях, то нужно настроить dev сервер в вебпаке. Готовых конфигов, если не хочется вникать, в интернете полно.

Документация отвечает на все вопросы на 100%. Вкратце, нужно указать в webpack.config.js точку входа (это главный js файл), и точку выхода (куда ложить файлы после обработки вебпаком). Импортировать модули-лоадеры, для обработки каждого нужного файла (изначально вебпак ничего не умеет), и добавить их в конфиг. Если нужно, то добавить еще модули-плагины. И настроить dev сервер. Запускать вебпак через командную строку, или прописать в package.json новый скрипт, например такой:

"scripts": {
    "dev": "webpack-dev-server --mode development --open"
}

И просто писать npm run dev для запуска.

Пример настройки лоадеров, с описанием, что делает каждый, взято с npm:

// webpack.config.js
module.exports = {
    ...
    module: {
        rules: [{
            test: /\.scss$/,
            use: [
                "style-loader", // creates style nodes from JS strings
                "css-loader", // translates CSS into CommonJS
                "sass-loader" // compiles Sass to CSS
            ]
        }]
    }
};

localStorage.setItem("record", newRecord);

1. При клике пройтись циклом, и удалить все классы 'active'.
2. Добавить класс 'active' елементу по которому кликнули.

https://jsfiddle.net/8wLu08ce/8/

Сам недавно разбирался с этим, и пришел к такому пониманию (возможно оно не верное):
Компонент изначально ничего не знает про redux, редюсеры и экшены. Потому мы не можем просто вызвать dispatch с каким то экшеном (будет ошибка мол такая функция неопределенна)
Чтобы мы получили эту возможность, мы просим редакс через mapDispatchToProps, прислать нам эту функцию в виде колбека через пропсы. То есть мы получаем возможность сделать диспатч, а доступ к этой функции у нас есть через пропсы.

npm uninstall почистит node_modules, package.json, package-lock.json

Просто удаление папки node_modules, удалит файлы зависимостей, и их снова можно будет установить через npm install (если остался package.json)

https://docs.npmjs.com/cli/uninstall

На матрице всего 1366*768 пикселей, и Вы не можете программно изменить количество физических пикселей до 1920х1080.

Можно использовать инструменты разработчика в браузере и смотреть на верстку при любом разрешении. Ну или подключить ноутбук к Full HD монитору. Можно еще поменять матрицу на ноуте, но это то еще извращение, и не для всех.

name - очевидно, что это название инпута\формы\тега, или его идентификатора. С помощью name можно обратиться к инпуту\форме через js. Или можно сгруппировать несколько радиокнопок <input type="radio"> , например. Использовать name для других тегов. кроме инпутов\форм - не вижу смысла.
value - это, собственно, значение инпута. Для <input type="text"> это будет строка, которую набрали в этот инпут. Для <input type="radio\checkbox"> это будет true\false.

var arr = [10,20,25,21,9,5];
var arrOfIndex = [];
for (let i = 0; i < arr.length; i++) {
	arrOfIndex.push(i);
}
var str = '(' + arrOfIndex.join(', ') + ')';
console.log(str); // (0, 1, 2, 3, 4, 5)

Для этого используют svg или иконочный шрифт.
Ну, конечно, можете сделать такой костыль:
в фотошопе изменить цвет стрелки на нужный, и менять background-image в сss при :hover

Github Pages.
Но, если не хочется заморачиваться, то вот есть бесплатный хостинг https://neocities.org
Просто регистрируешься и заливаешь свои файлы. По началу только ним и пользовался.

В объекте methods создается ключ с именем name (который мы передали как аргумент) и этому ключу присваивается значение func (который мы тоже передали как аргумент) .

Эта строчка позволяет добавлять новые методы для калькулятора.
Например умножение:

calc.addMethod("*", function(a, b) {
  return a * b;
});

Первый аргумент "*" - имя ключа, второй аргумент - это анонимная функция, которая присваивается ключу.
В итоге объект methods будет выглядеть так:

methods = {
    "-": function(a, b) {
      return a - b;
    },
    "+": function(a, b) {
      return a + b;
    },
   "*": function(a, b) {
      return a * b;
  };

При обращению к одному из методов будет выполнятся соответствующая анонимная функция.

Emmet.

+ прочитать как с ним работать, или посмотреть на ютубе