Mikhail Osher

Запилите realworld app: https://github.com/gothinkster/realworld
Там и CRUD, и авторизация. Можно адаптивы докрутить итд.

Задержки добавить между нажатиями клавиш. Сейчас это выглядит, будто моментально нажимается.
Средний words per minute = 40, это где-то 200 символов. 60 / 200 = 0.3 секунды на кнопку.
Пробуйте 0.2-0.3 секунды задержку между событиями. Так же, должно список событий на нажатие клавиши должен быть таким:
- keydown
- keypress
- input
- keyup

return { ...acc, [name]: arg }
Это практически то же самое, что и

var tmp = {};
tmp[name] = arg;
return Object.assing({}, acc, tmp);

На человеческом языке - создать копию объекта "acc", и взять значение переменной "name" и перезаписать такой ключ в новом объекте на значение переменной "arg"

Docs: Spread Syntax

arr.reduce((acc, cur) => acc + cur.quantity * cur.price, 0)

Изменение в хуке = рендер компонента. Если не замемойзить результат, то будет дополнительный вызов рендера.

function itemFactory(param1, param) {
  return function item(event) {
    // param1 and param2 are available here
  }
}

document.addEventListener('input', itemFactory(true, 50));

function fetchTodo(id) {
  return fetch(`https://jsonplaceholder.typicode.com/todos/${id}`)
    .then(response => response.json());
}

fetchTodo(1)
  .then((first) => {
    fetchTodo(2).then((second) => {
      console.log(`${first.name} - ${second.product}`);
    });
  });

Не помню, чтобы "!=" был валидным селектором.

input[name="field"]:not([type=hidden]):not([disabled=disabled])

Лаконично-читабельный вариант

let num = 123456;

let sum = String(num)
	.split('')
  .reduce((acc, cur) => acc + Number(cur), 0)
  
alert(sum);

Если числа очень длинные и нужен максимальный перформанс (очень редкий кейс)

let num = 123456;
let sum = 0;

let str = String(num);
for (let i = 0; i < str.length; i++) {
	sum += Number(str[i]);
}
  
alert(sum);

Object destructuring

Долистайте до Object Destructuring > Assigning to new variable names

А кто сказал babel-preset-env'у, какие таргеты? const/let давно поддерживаются нормальными браузерами.
Попробуйте завести browserslist конфигурацию (docs), либо укажите targets.

// edit

Я слепой, извините. У Вас test и exclude обрамлены в кавычки, хотя это должны быть просто регулярные выражения. Уберите кавычки и будете счастливы.

include: /node_modules/ означает, что лоадер применится только к зависимостям. Подозреваю, что должно быть написано exclude: /node_modules/, чтобы лоадер применился только к исходным файлам приложения.
В любом случае, оба варианта плохие. Попробуйте написать что-то вроде того, как это сделано в create-react-app:
test: /\.(scss|sass)$/, и уберите эти include/exclude.