Антон Спирин Цитурую

это короткий вариант записи, который можно использовать только с babel. Конкретно плагин transform-class-properties. Он входит в прессеты stage-2, stage-1, stage-0. Так, что если используете один из них смело используйте.
Запись:

class Parent extends Component {
  constructor(props) {
    super(props);

    this.state = {
      data: []
    };

    this.handler = this.handler.bind(this);
  }

  handler(e) {
    // do something
  }
}

Аналогична:

class Parent extends Component {
  state = {
    data: [],
  };

  handler = e => {
    // do something
  };
}

В React разработке это один стандартов.

1-2 Оборачиваете блок 1 и 2 в <div class="wrapper"></div>. Даете ему display: flex;
Блоку 1 добав. overflow-y: auto; ну и фиксированную высоту (там уже на свое усмотрение) и width: 30%, а блоку 2 width: 70%;


UPD: Вот на скорую руку накидал пример
https://codepen.io/Slasher_/pen/KoKzQO

UPD2: Не увидел в тегах Bootstrap. Вам его нужно?

У вас просто не хватает сообразалки вот и все.
Как решить?
Только путём кодинга. Посылайте свое резюме, если оно хорошее то будут кидать вам таски, вот на них и практикуйтесь (мб еще и с работой повезет). Возьмите сделайте что-то по туториалу, а потом сами перепишите. Кароч все сводится к одному - садитесь и пишите код. Только так можно выбраться. Ну и решайте конечно же логические задачки, учите алгоритмы, практикуйте.

P.S Мне не нравится codewars, лучше попробуйте https://leetcode.com/