jondoeonoe

Для решения вашей задачи, по-хорошему, не нужен redux. Если вы целенаправленно хотите реализовать с использованием redux, то перепишите пример по ссылке строчка за строчкой и попробуйте разобрать. Не получится - изучайте документацию, вы ведь вроде изучать начали. Если есть конкретные вопросы помимо "ничего не понимаю", задавайте.

Если у функции нет жестко определнного контекста, как в данном случае, то вызов ее в контексте объекта даже после передачи путем ссылки будет происходить с указанием на текущий объект

https://leetcode.com/ - Есть задачи с топовых компаний (Facebook, Microsoft, Google)

https://www.codewars.com/

learn.javascript.ru

codewars

function uid (alphabet, n) {
  let string = ''
  for (let i = 0; i < n; i++) {
    string += alphabet[Math.floor(Math.random() * alphabet.length)]
  }
  return string
}

Берите nanoid и не мучайтесь

Первый аргумент превращаем в массив (назавем его условно alphArr). Далее на основании второго числа нужное количество раз генерим рандомное число в диапазоне от 0 до alphabet.length и по этому числу обращаемся к массиву alphArr. Полученное значение кладем в другой массив result. В конце делаем result.join('');

Код особо не разбирал. Скажу лишь, что вам компонент лучше разбить на несколько:

render () {
  const { match: { url } } = this.props;
  return (
    <Switch>
      <Route exact path={url} content={Tweets} />
      <Route exact path={url + '/with-replies'} content={WithReplies} />
      <Route exact path={url + '/media'} content={Media} />
    </Switch>
  )
}

Вместо:

render() {
  return someCondition ? (
      <Component
        prop1={a.prop1}
        prop2={a.prop2}
        prop3={a.prop3}
        prop4={a.prop4}
        prop5={a.prop5}
      />
    ) : (
      <Component
        prop1={b.prop1}
        prop2={b.prop2}
        prop3={b.prop3}
        prop4={b.prop4}
        prop5={b.prop5}
      />
    );
}

Лучше:

render() {
  const c = someCondition ? a : b;

  return (
    <Component
      prop1={c.prop1}
      prop2={c.prop2}
      prop3={c.prop3}
      prop4={c.prop4}
      prop5={c.prop5}
    />
  );
}

Всместо :

render() {
  return (
    <Wrapper>
      {condition1 &&
         condition2 &&
         condition3 &&
         condition4 && (
           <Component />
       )}
    </Wrapper>
  )
}

Лучше:

render() {
  const shouldShowComponent = condition1 && condition2 && condition3 && condition4; 

  return (
    <Wrapper>
      {shouldShowComponent && <Component />}
    </Wrapper>
  );
}

Судя по доке:
now secret add acme-api-key my-value-here

https://zeit.co/docs/features/env-and-secrets

getPromoUrl = async (id, param) => {
  const data = await this.getPromise(id, param);
  console.log(data);   
  this.setState({ data });
};

или:

getPromoUrl = (id, param) => {
  this.getPromise(id, param).then(data => {
    console.log(data);   
    this.setState({ data });
  });
};

Хорошо изучите API Promise.