Возможна ли рекурсия в js через setTimeout?

Анар, вы все перепутали, она не возвращает undefined, а печатает его в консоль. Вы же приводите лог:

undefined
0.9
0.8
0.7000000000000001
0.6
0.5
0.4
0.30000000000000004
0.19999999999999998
0.1
0
конец

по которому видно что функция вызывается нужное количество раз.

opacity принимает значение undefined либо при вызове либо тут:

if(el.style.opacity == "") {
    el.style.opacity = 1;
    opacity = el.style.opacity;
  }
  else if(typeof opacity !== 'undefined') {
    el.style.opacity = opacity;
  }
  else {
    opacity = el.style.opacity;
  }

setTimeout тут непричем.

Какие ресурсы существуют для поиска работы в России и за границей?

alex vak, я бы не тратил время на составление каталога, а потратил его на резюме, профили на Моем круге и LinkedIn. И искал бы на HH и Мой круг. Остальные площадки смотреть не вижу особого смысла, может только если местные вашего города. Но это только для России, по поиску работы за границей я не советчик.

Какие ресурсы существуют для поиска работы в России и за границей?

alex vak, вы работу ищите или задались целью составить каталог ресурсов c резюме и вакансиями?

Какие ресурсы существуют для поиска работы в России и за границей?

alex vak, ну вообще это ваше дело, но я уверен что HR компаний, первым делом смотрят резюме и размещают вакансии на Moikrug и HH потом уже опционально на других ресурсах. В LinkedIn так же пишут с предложениями очень часто.

Какие ресурсы существуют для поиска работы в России и за границей?

alex vak, хорошую работу в русской компании можно найти на одном только Моем круге. Все хорошие компании в России имеют там профиль.
Не слышал, чтобы хоть кто-то из знакомых программистов искал или нашел работу на Yandex работа или gorodrabot. Достаточно смотреть на Moikrug, HH, в сообщениях LinkedIn + проверять предложения приходящие на почту.

Async await изнутри - как устроено?

Александр Таратин, так то, что она реализована на генераторах, никак не отрицает факта, что назначение у нее и у генераторов разное.
async/await это отличное выразительное средство для языка, вы видите ключевое слово await и смысл написаного становится ясен без подробностей контекста. Ну и в отличии от использования генераторов вам не надо ничего писать или тянуть библиотеку, а работает быстрей.

JS - Хранение данных в html-странице - на сколько правильно?

Alexander Litvinenko, ага, а на охоту на рябчика лучше взять гаубицу, вдруг по дороге встретишь необходимость провести арт подготовку.

Вот, что по этому поводу думает сам Дэн Абрабов:

My point is that use single state tree unless it is awkward, and only do this when it simplifies things for you rather than complicates them. That’s the only guideline.

отсюда

Async await изнутри - как устроено?

async/await и генераторы имеют разное назначение и наличие одного, никак не обесценивает наличие другого.
В V8 async/await, как и Promise реализована на JavaScript и исходный код можно постотреть тут.
Тут сравнение async/await c написаной на генераторах библиотекой co. async/await выполняется быстрей.
Так же, Koa выпилили co во второй версии и советуют использовать async/await вместо генераторов.

Async await изнутри - как устроено?

DailyDDose, если вы спрашиваете блокирует ли сама функция async основной поток при исользовании ключевого слова await, то нет ,так как она всегда возвращает Promise.
То что вы написали верно логически. И в случае с несколькими следующими друг за другом await:

(async() => {
    setTimeout(() => console.log('1000'), 1000);
    await sleep(5000);
    console.log('5');
    await sleep(5000);
    console.log('5');
})();

Аналогично:

(() => {
    setTimeout(() => console.log('1000'), 1000);
    sleep(5000).then(() => {
      console.log('5');
      sleep(5000).then(() => {
        console.log('5');
      };
    });
})();

В случае с параллельным выполнением:

function resolveAfter2Seconds(x) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(x);
    }, 2000);
  });
}

async function add1(x) {
  var a = resolveAfter2Seconds(20);
  var b = resolveAfter2Seconds(30);
  return x + await a + await b;
}

Аналогично:

function resolveAfter2Seconds(x) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(x);
    }, 2000);
  });
}

function add1(x) {
  var a = resolveAfter2Seconds(20);
  var b = resolveAfter2Seconds(30);

  return new Promise(resolve => {
     Promise.all([a, b]).then(results => {
       resolve(x + results[0] + results[1]);
     })
  });
}

Согласитесь использовать async/await во втором случае гораздо удобней. Да и в первом случае мы избавляемся от колбеков в коде.

Что значит эта строка кода?

mr jeery, шаблонные строки

Можно ли менять state внешнего компонента через props?

Андрей, так я пример сбросил. Состояние формы лучше не в массиве держать, а в объекте:

class Example extends Component {
  state = {
    form: {
      inputValue: '',
      textareaValue: '',
    },
  };

  handleChange = e => { 
    const { name, value } = e.target;
    
    this.setState(prevState => ({
      form: {
        ...prevState.form,
        [name]: value,
      },
    }));
  };

  render() {
    const { inputValue, textareaValue } = this.state;

    return (
      <Wrapper>
        <input
          name="inputValue"
          value={inputValue}
          onChange={this.handleChange}
        />

        <textarea
          name="textareaValue"
          value={textareaValue}
          onChange={this.handleChange}
        />
        ...
      </Wrapper>
    );
  }

Можно ли менять state внешнего компонента через props?

Андрей, да именно так. Это и есть изменение напрямую, просто через другие ссылки. Все по канонам JavaScript

Можно ли менять state внешнего компонента через props?

Андрей, вы кажется не поняли, что там происходит.
Там компонент получает в props ссылку на массив который лежит в state.
А в хандлере меняется только содержимое элемента массива. state и props не меняются.
В вашем примере просто мутируется содержимое state. Смотрите пункт 2 моего ответа.

Как установить максимальное время работы функции?

Что значит работает "если работает слишком долго"? Задачу опишите.

Почему use strict не работает в setTimeout?

Александр Косицын, я это и написал в ответе. Только эти функции написаны на нативном коде, но делают для привязки контекста примерно это.

В вашем примере надо использовать call вместо bind, так как bind возвращает функцию привязанную к контексту, а call сразу вызывает:

function addEventListener(string,func){
  if (клик произошел){
    func.call(this, event);
   }
}

Как сделать api пагинацию в react?

mr jeery, так. Вы что-то явно путаете. REST API это интерфейс взаимодействия сервера с клиентом посредством http запросов. А то что вы скинули это ссылка на архив с json файлом. Вы данные из этого файла как до клиента доставлять собираетесь? Для этого вам нужен сервер с API, на котором к тому же придется реализовать пагинацию или скачать готовый модуль пагинации.

Для Weather приложения хорошо бы подошел react-google-autocomplete.
Не понимаю зачем вам отдавать клиенту список всех городов. Искать в нем что-либо будет не очень удобно.

Как сделать api пагинацию в react?

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

Какой JS фреймворк выбрать для full-stack?

Вы бы хоть вопрос прочитали, пред тем как лонгрид не по теме писать.

Как получить nextState, приходит в this.state прошлое значение state?

Polyakh, вы создаете хандлеры каждый рендер, например тут:

<input
  onChange={this.handleChange('login')} // при каждом рендере тут создается функция
  value={login}
  type='text'
  name='login' // определяете, но не используете
 />

Правильно переписать, как я посоветовал и использовать так:

<input
  onChange={this.handleChange} // передается хандлер
  value={login}
  type='text'
  name='login' // используется
 />

Как передать данные представлению на react?

Что вы хотите сделать? Опишите задачу. Опишите трудности с которыми столкнулись. Ничего не понятно.