Как решить проблему в React.js c checkbox?

sinevik, Как этот пример связан с вашим неуместным использованием метода push? Я вовсе имел ввиду не то, что метод плох, а то что вы его неуместно используете.
В примере с udemy он используется изящно и к месту.

Как решить проблему в React.js c checkbox?

sinevik, оператор расширения

Как решить проблему в React.js c checkbox?

sinevik, под "черной магией с array.push и array.length = 0" я имел ввиду те манипуляции для обновления состояния в которых вы их использовали.

Как решить проблему в React.js c checkbox?

sinevik, документацию почитайте, если не поняли, что я имел ввиду, ссылку я прикрепил.

Онлайн-редактор для создания SPA?

HHYRRE, конкретно по react еще есть интересный проект  rekit.js.org тут много генерации кода и ноль зависимостей в случае миграции. К следующей версии обещают ssr и много чего еще. Правда ставить надо локально. Но IDE там браузерная.

Онлайн-редактор для создания SPA?

Егор Живагин, codesandbox для react, vue, angular, preact,
svelte. Кубики справа пощелкайте на стартовой, многие их не замечают.

Программа для заметок с кодом или о коде?

Забейте на это. Как выше посоветовали github gist, fiddle, pens. Все эти органайзеры заметок большинство пользователей забрасывает, чуть менее чем сразу после того как потратят недельку на организацию своей "базы знаний". Не тратьте время.

Как задать имя объекта, возвращаемого методом класса в es6?

Aligatro, объясните почему вы не хотите создавать экземпляры так:

class Person {
  constructor(name, surname, age) {
    this.name = name;
    this.surname = surname;
    this.age = age;
  }

  changeAge(num) {
    this.age = this.age + num;
    return this;
  }
}
  
const person = new Person('John', 'Smith', 31);

Это будет самый правильный путь.

Как добавлять Элемент сверху списка?

AskJs, так он вашу проблему не решает. Из вашего примера не ясно ни что за элемент, ни куда вы его пытаетесь добавлять.

Как добавлять Элемент сверху списка?

Это вообще, что за черная магия?:

test.map(i => {
  delete i.id;
  delete i.name;
  delete i.ratio;
  delete i.show;  
});

Кто вас такому научил? Никогда больше так не делайте.

Зачем притянули _.filter когда в прототипе массива есть похожий метод?
Метод map предназначен не для перебора элеметов.
Для переменных, которые не переопределяются, правильней использовать const, а не let.
И в вашем коде не добавляется никаких элементов.

По поводу дизайна.

saveCustomChart(e) {
  e.preventDefault();
  
  let { test } = this.props;
  const { name } = this.state;

  test = test.filter(el => el.show)
    .map(({ someValue1, someValue2 }) => ({ someValue1, someValue2 }));
  
  ajax({
    // no changes
  });
}

someValue1, someValue2 - это имена ключей которые вы хотите отправлять.

По поводу вашей проблемы, из приведенного участка кода не ясно, что и где у вас добавляется и у уж тем более не ясно почему не желаемым образом.

Как задать имя объекта, возвращаемого методом класса в es6?

Aligatro, я просто вопрос ваш не понял, подумал вы хотите именно объект создавать методом класса, а не экземпляр. Тут можно сделать и так:

class myClass {
  constructor(prop1, prop2) {
     this.prop1 = prop1;
     this.prop2 = prop2;
  }
  
  static createSomeObj() {   
    return new myClass('prop1 value', 'prop2 value');
  }
}

Насчет адекватно или нет. Я если честно даже кейса не представляю для создания объекта таким способом. Я обычно функции использую или создаю экземпляр напрямую.

Почему при get запросе сервер не видит подкатолог public - ошибка 404?

Асиков Артур, замените на:

<link rel="stylesheet" href="/libs/bootstrap/bootstrap-grid-3.3.2.min.css" />
<link rel="stylesheet" href="/css/fonts.css" />
<link rel="stylesheet" href="/css/main.css" />
<link rel="stylesheet" href="/css/media.css" />
<link rel="stylesheet" href="/css/animate.min.css"/>

Как использовать обычную Мышь на MAC OS?

Nikita Shchypylov, да у меня то тоже отлично. Просто, если сравнивать с трекпадом, все-таки разный опыт. Я и подумал, что может быть автор слишком долго им пользовался.

Как использовать обычную Мышь на MAC OS?

Вы, видимо, слишком долго пользовались трек падом. Мышь генерирует гораздо меньше событий при скролле и с другим значением дельты. Да и обрабатывается системой иначе, взять хотя бы эффект при прокрутке до предела. Разные браузеры так же обрабатывают скролл по-разному. В firefox он будет медленный и плавный, а в Safari быстрый и резкий.

Возможно вам поможет банальное увеличение скорости прокрутки в настройках мыши.

Какие способы правильно загрузить данные в react компонент?

Иван, всего лишь условие.
isSomeCondition && <Component />
Если isSomeCondition приводится к truе, то на рендер отдается второй операнд, компонент Component.
Простой пример:
alert(5 && 10);
так как 5 приводится к true, выражение возвращает 10
Второй пример:
alert(0 && 10);
так как 0 приводится к false, выражение возвращает этот операнд. Причем возвращается его реальное значение, а не приведенное.

Цепочка может быть любой длины и либо прервется на операнде вернувшем false и возвратит его значение, либо дойдет до конца и возвратит значение последнего операнда.
Тут вернет 10:

alert(1 && 2 && 3 && 4  && 5  && 6  && 7  && 8  && 9  && 10);

Тут false:

alert(1 && 2 && 3 && false && 5  && 6  && 7  && 8  && 9  && 10);

Для рендера в react, важно чтобы условный операнд не возвращал 0 иначе в случае когда не надо отрисовывать компонент, будет отрисован 0. undefined, false, null в свою очередь игнорируются.

Пример. Мы хотим отрисовывать компонент только когда в массиве сеть элемементы:

return (
  ...
  {arr.length && <SomeComponent />}
);

Тут в случае нулевой длины будет отрисован 0, возвращаемый первым операндом.
Пути решения:

const shouldShowSomeComponent = !!arr.length;

return (
  ...
  {shouldShowSomeComponent && <SomeComponent />}
);

или:

const shouldShowSomeComponent = arr.length > 0;

return (
  ...
  {shouldShowSomeComponent && <SomeComponent />}
);

Наследование от Date?

Богдан, смотрите, что написано в спецификации ES6. Вызов extends добавляет в наш объект скрытое свойство [[DateValue]]. Возможно ключ в этом. Средствами языка невозможно получить доступ к скрытым свойствам, поэтому babel бессилен в задачах по расширению встроенных объектов JavaScript. Как видите es6 classes это не просто синтаксический сахар, как принято говорить.
Так обычно говорят, чтобы подчеркнуть, что под капотом остается та же система прототипов. Но говорить, что это лишь синтаксический сахар, все таки, не совсем верно.

Почему при get запросе сервер не видит подкатолог public - ошибка 404?

Пути к ресурсам, то у вас как на странице прописаны?

Как устранить проблему с путями при сборке с webpack?

B1dloKoder, по поводу ошибки, покажите содержимое файла ./Buttons/Default.js и текст ошибки.
По поводу структуры, тут надо отталкиваться от типа проекта. Какого рода проект?

Приложение для фиксации времени и дел?

В чем вопрос-то?

Неадекватная работа блока input, как исправить?

Caprikanec, претензия не к вашим навыкам, а к тому, что вы, сталкиваясь с проблемой, предпочитаете ссылаться на магию.
Добавил вариант решения.