Антон Спирин

Тыц

Лаконичное решение не всегда лучшее.
Демонстрация проблемы
Лучше извлекать свойство безопасно. Например так:
const id = arr[0] && arr[0].id;
Либо, если надо достать несколько свойств, что-то вроде:

const first = arr[0] || {};  // const [ first = {} ] = arr;
const { id, name } = first;

Либо, если надо прервать выполнение в случае отсутствия данных:

const first = arr[0];

if (!first) return null;

const { id, name } = first;

Само получение первого элемента массива традиционным способом, при правильном форматировании, короче деструктуризации на один символ, поэтому нет особого смысла использовать последнюю в этом кейсе.

const getLastId = () => { /* some code */ };
const lastId = getLastId();

react-select
UMD версия

Например так:

import React from 'react';
import { render } from 'react-dom';
import configureStore from './store';

const store = configureStore();

store.dispatch(init());

render(
  <Provider store={store}>
    <Router>
      <App />
    </Router>
  </Provider>,
  document.getElementById('root')
);

setTimeout(function() {
  nextSlide(currentNumber);
}, 5000);

Так будет показывать экземпляр класса:

class TestTwo {
  constructor() {
    this.logThis = logThis;
  }
}

Почитать.

Зачем тянуть библиотеку? Такой простой функционал проще самому реализовать.
Пример.

this.visibleCities = this.allCities.filter(city => this.defaultCitiesIds.includes(city.id))
  .map(city => ({ ...city, check: false }));

this.visibleCities = this.allCities.reduce((result, city) => {
  if (this.defaultCitiesIds.includes(city.id)) {
    city.check = false;
    result.push(city);
  }
  return result;
}, []);

a, b и с - это разные, не связанные объекты.

Хотите изменить x конкретного объекта, вызывайте setX() на конкретном объекте:

const b = new B();
b.setX();
b.getX(); // 2

const c = new C();
c.setX();
c.getX(); // 2

Вы, конечно, можете вынести x в прототип и менять значение прототипа статическим методом:

class A {
  static setX() {
    A.prototype.x = 2;
  }
}

A.prototype.x = 1;


class B extends A {
  getX() {
    console.log(this.x);
  } 
}

class C extends B {
  getX() {
    console.log(this.x);
  } 
}

A.setX();
const b = new B();
b.getX(); // 2
const c = new C();
c.getX(); // 2

Речь идет о next.js и next-redux-wrapper? Используйте componentDidMount:

componentDidMount() {
  this.props.store.dispatch(someAction());
}

но у меня такая же обертка создается и работает через call.

Да ну?

Правильно будет так:
f.call('test2', 1, 2);

Отлично работает

Подскажите, как правильно искать в данном! случае (именно forEach).

Document.querySelectorAll() возвращает NodeList, а NodeList.forEach не поддерживается ie.
Можно использовать метод forEach массива и вызывать его на NodeList:

[].forEach.call(document.querySelectorAll('div.foo'), e => {
  [].forEach.call(e.querySelectorAll('div.bar'), e => console.log(e));
});

О причине вам уже написали. Поделюсь примером как заставить ваш код работать:

async function my_function() {
  console.log('1');
  await new Promise(resolve => {
    setTimeout(() => {
      console.log('2');
      resolve();
    }, 1000);
  });
  console.log('3');
}

Или можно вынести функцию setAsyncTimeout:

function setAsyncTimeout(cb, timeout) {
  return new Promise(resolve => {
    setTimeout(() => {
      cb();
      resolve();
    }, timeout);
  });
}

async function my_function() {
  console.log('1');
  await setAsyncTimeout(() => { console.log('2'); }, 1000);
  console.log('3');
}

export function loginProtect(data) {
  return new Promise((resolve, reject) => {
    // ищем в базе совпадения по имейлу
    UserModel.findOne({ user_email: data.user_email }, function (err, user) {
      if (err) return reject(err);
      // далее если совпадение нашлось сверяешь хэш пароль с тем что был прислан в функцию
      bcrypt.compare(data.user_password, user.user_password, function (err, res) {
        if (err) return reject(err);
        // res это результат работы, возвращает true или false
        return resolve(res);
      });
    });
  });
}

app.post('/api/login', (req, res) => {
    const user = {
        user_data: req.query
    }
    // отправляем данные в контроллер
    UserController.loginProtect(req.query).then(result => {
       // handle success
      jwt.sign({ user: user.user_data }, process.env.SECRET_FOR_JWT, (err, token) => {
        res.json({
            success: true,
            token
        });
      });
    
    }).catch(err => {
      // handle error
    });   
});

немного подумав решил заменить конструкцию

Не надо так делать. Никогда не используйте для функций свойства класса, если можно обойтись методом.
Пример:
Array(1000)].map(_ => <SomeComponent />);
Если в компоненте SomeComponent render прописан методом, то для каждого экземпляра он будет вызываться из прототипа. Если же свойством, то вы вместе с экземплярами создадите 1000 копий одной и той же функции.