Sanchik97

module.exports.getById = async function (req, res) {
  try {
    const product = await Product.findOne({ url: req.params.url })
    if (!product) {
      throw new Error()
    } 
  catch {
    return errorHandler(res, 404, 'Ошибка! Товар не найден', err)
  }
}

onChange = ({ target: { value, dataset: { objName, key } } }) => {
  this.setState(({ [objName]: obj }) => ({
    [objName]: {
      ...obj,
      [key]: value,
    },
  }));
}

<input data-obj-name="fr" data-key="name" value={this.state.fr.name} onChange={this.onChange} />
<input data-obj-name="en" data-key="title" value={this.state.en.title} onChange={this.onChange} />

case CHANGE_ITEM_COUNT:
  return state.map(n => n.id === action.payload.id
    ? {
        ...n,
        count: Math.max(1, n.count + (({
          increment:  1,
          decrement: -1,
        })[action.payload.action]) || 0),
      }
    : n
  );

Попробуйте восстановить innodb указав в mysql.ini
innodb_force_recovery = 2

Там же есть все рекомендации. Почитайте их и пройдите по предложенной ссылке

Browser engineers recommend pages contain fewer than ~1,500 DOM nodes. The sweet spot is a tree depth < 32 elements and fewer than 60 children/parent element. A large DOM can increase memory usage, cause longer style calculations, and produce costly layout reflows. Learn more.

В состоянии хранить массив сущностей, при рендеринге рендерить инпуты в цикле, при нажатии на кнопку добавлять данные в массив.

class Parent extends React.Component {
  state = {
    count: 0,
  }

  onClick = () => {
    this.setState(({ count }) => ({
      count: count + 1,
    }));
  }

  render() {
    return (
      <div>
        <button onClick={this.onClick}>Добавить компонент</button>
        {Array.from({ length: this.state.count }, () => <Input />)}
      </div>
    );
  }
}

import { withRouter } from 'react-router-dom'
...
export default withRouter(connect()(App))

class Parent extends React.Component {
  state = {
    someStateKey: false,
  };
 
  someHandler = () => {
    this.setState({ someStateKey: true });
  };
  
  render() {
    return (
      <Wrapper>
        <ChildA someHandler={this.someHandler} />
        <ChildB stateKey={this.state.someStateKey} />
      </Wrapper>
    );
 }  
}

Lifting state up

Советую все таки осилить официальный Tutorial и документацию.

С кодом все нормально. Либо ошибка в другом месте, либо вы выполняете сборку другой версии кода.

Что-то типа такого. https://codepen.io/anon/pen/KxEjxb

<div class="container">
  <section class="news">
    <div class="news__item">Новость</div>
    <div class="news__item">Новость</div>
    <div class="news__item">Новость</div>
    <div class="news__item">Новость</div>
    <div class="news__item">Новость</div>
  </section>
  <aside class="sideBar">Боковое меню</aside>
</div>

.container{
  display: flex;
  max-width: 1200px;
  background: #eee;
  margin: 0 auto;
}

.news{
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  background: lightgreen;
}

.news__item{
  flex-basis: 200px;
  flex-grow: 1;
  height: 300px;
  margin: 10px;
  background: lightblue;
}

.sideBar{
  flex-grow: 1;
  max-width: 400px;
}

Возьмите этот туториал и пройдите его. Там по ходу пьесы есть ссылки на MDN / Learn.javascript.ru

В процессе обучения, задавайте себе вопросы: понимаю ли я что написал? Если не понимаю - что именно?
С вопросами можно заходить в телеграм каналы по js/react (по реакту, там найдете в описании и по js). Каналы реально работают, несмотря на "токсичность". На хороший вопрос, часто находится кто-то, кто готов ответить буквально "сейчас".

Как сказал Владимир Проскурин - если есть коллега опытный и который готов делиться знаниями - то еще быстрее будете "вкатываться".

Одно могу сказать точно - на реальных задачах, при должном упорстве возвращения в теорию, будете расти очень быстро.

Почитайте вот это по теме https://learn.javascript.ru/task/make-army и в дальнейшем больше не попадете на эту ловушку.

Замените:
alert(btn.getAttribute('data-num'));
На:
alert(this.getAttribute('data-num'));

Получите элемент (getElementsByTagName, getElementById или через querySelector), потом:
console.log((твой элемент ).classList[0]), что-то вроде этого.

если объект совсем неопределённой структуры, можно использовать рекурсию, такой подход часто применялся для печати значений и функций стандартных объектов JavaScript. Например geekswithblogs.net/svanvliet/archive/2006/03/23/si...

for..in

for (size in burger) { // size будет 'smallburger' и 'bigburger'
  for (prop in burger[size]) { // внутри каждого: 'name', 'cost' и 'ccal'
    console.log(size, prop, burger[size][prop]);
  }
}

1. Получить souse файлы bootstrap-4.
2. Scss > bootstrap.scss закомментировать ненужные компоненты и после скомпилировать новую сборку bootstrap-4.

P.S. имейте ввиду, нужный Вам nav-bar для своей работы может требовать те компоненты, которые Вы ранее закомментировали...

$('.click-to-remove-class').click() {
  $($(this).data('selector-where-to-remove-class')).removeClass('d-none');
}

<a href='#' id='novosib-button' class='click-to-remove-class' data-selector-where-to-remove-class = '#novosib-city'>
  Click here
</a>
<div id='novosib-city' class='d-none'>...</div>

Если используешь jquery, то просто пиши свой код внутри $(){
Тут твой код, который выполнится после загрузки страницы
};