DarthJS

При Рендере родителя ререндерится все дерево чайлдов. Это можно избежать используя PureComponent или memo

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

Причины почему не стоит возвращать компоненты из методов класса:
1) Метод должен выполнять какое-то действие, а не возвращать компонент. В большом приложении вам этот подход очень упростит работу.
2) При тестировании проще тестировать маленький отдельный компонент, нежели тестировать большой компонент, еще и его методы, которые возвращают тоже компоненты.
3) Используя Реакт девтул для хрома вам будет намного проще дебажить отдельные компоненты и смотреть полную иерархию вашего приложения, просматривать и изменять стейты и пропсы, чем при использовании методов класса. (Просто проверьте это и будет вопросы отпадут).
4) Если выносить блоки в отдельные компоненты, ваши файлы с текущими компонентами будут намного меньше, удобней будет читать код, и, в зависимости от вашей IDE, всегда сможете узнать что внутри компонента, наведя на него, а не скролить большой класс с методами, в которых хранятся блоки либо списки с какими-то вычислениями, что может быть еще хуже.

Джун, особенно в твоем в возрасте сложный путь, (я где-то в таком же возрасте был джуном).

1) Не выложил резюме и сижу жду, а отправляй куда только возможно, общайся уговаривай и стремись к цели. Джунов не ищут, как только появилась вакансия джуна, эйчар уже утопает в резюме, поэтому он врядли полезет куда-то еще искать тебя.

2) Постоянно совершенствуй резюме, посмотри примеры, как можно больше, возьми на заметку хорошие фразы и используй.

3) Отправляй резюме с со про водитель ным письмом - почитай как правильно его составлять.

4) Ну и совершенствуй скилы. Нужно уверенно отвечать на вопросы

Удалил эту строчку
route remote_host 255.255.255.255 net_gateway
И в IPv4 Settings -> Soutes поставил check на Use this connection only for resources on its network

var arrayObject = Object.keys(x).reduce(function (acc, curr, i) {
const obj = {
text: x[curr],
value: curr
}
acc.push(obj)

return acc;

}, [])

Решено:
не внимательно читал доки и пользовался больше сторонними ресурсами :)

1. добавил файл .babelrc
2. установил npm install --save-dev babel-preset-stage-2
3. установил babel-plugin-transform-export-extensions
4. добавил конфиг в созданный файл в пункте 1

{
    "env": {
    "test": {
      "presets": ["env", "react", "stage-2"],
      "plugins": ["transform-export-extensions"],
      "only": [
        "./**/*.js",
        "node_modules/jest-runtime"
      ]
    }
  }
}

В данной ситуации лучше рекурсия подойдет:

let arra = ['111', '222', '333', '444']
function deley (iterator) {
	
   let i = iterator || 0;
   setTimeout(function () {

  console.log(arra[i]);
  i++;
  if(i < arra.length){
   deley(i)
}
}, 2000);
}

deley();

P.S. никогда не забывай указывать условие выхода :)

Как уже все написали - кодить кодить и еще раз кодить . Из своего опыта: у меня такой проблемы не было, я сразу стал кодить. Задаешься целью сделать простое приложение. Я решил помочь человеку, который записывал на листике какие-то данные и искал совпадения. Я подумал, могу помочь ему и стал кодить. Сделал без фреймворков, даже без джейквери на чисто JS, коряво и в одном файле. Зато оно работало! Я просто по мере поступления проблем искал ответы. Уже после того как написал и оно работало стал интересоваться как можно его улучшить с точки зрения правильного написания кода. Вот так. Так же как вариант взять книгу, в которой попунктно создается приложение - читать и повторять плюс обязательно отсебятины. ! Успехов