React'а тред

[Safort]

Реактщики, как вы организовываете множество "состояний" одного компонента? Поясню. Допустим, у меня есть компонент Content, который может содержать инфу разного рода(картинки/статьи/списки статей/поля ввода) и нужно показывать что-то одно. Раньше я делал так: создавал отдельные компоненты типа Pictures, Articles, и т.д, и в зависимости от this.state компонента Content внутри него рендерил нужный дочерний компонент. Всё норм, но только вот количество дочерних компонентов стало сильно расти и всё это, как вы поняли, вываливается в глобальную область. Как бы вы поступили в данном случае? Продолжали растить количество компонентов или использовали что-то ещё?

[Gozar]

Я делал с помощью вот этого https://github.com/rackt/react-router

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

[Safort]

Gozar,
спасибо.

[a_l]

Играюсь с React Native последние две недели, очарован им. До этого пилил свой эпп на Swift в свободное от работы время - разработка шла медленно, вгоняла в уныние. Решил потрогать React Native - и уже на след день принял решение писать эпп на нём. Прогресс разработки очень радует. По сути родной и знакомый JS/React, только вместо DOM - react-компоненты iOS-интерфейса.
Есть крутая возможность написать NativeModule на ObjectiveC/Swift - и потом к нему обращаться из JS. И это дело подключается буквально в пару строчек.
Единственное, что не нравится - это стили свойствами JS-объектов, при этом дочерние элементы ничего не наследуют от стилей родителей. Как-то не изящно оно выглядит.
Но так уже сейчас это на удивление стабильный и мощный инструмент, активно развивающийся (слежу на гитхабе).
P.S. Думаю, что подраздел по React'у на форуме был бы кстати.

[Safort]

Кто-нибудь использовал React вместе с async/await? Сейчас пытаюсь провернуть такое

class CompName extends React.Component {

  getSomeData(url) {
    return fetch(url)
          .then((res) => {
            return res.json().then(json => json)
          })
  }

  async render() {
    let content = await this.getSomeData(this.props.url)

    return (
      // вывод данных
    )
  }
}

Но при сборке, Babel ругается на async перед методом render(), хотя я указал доп. опцию { optional: ['asyncToGenerator'] } .

Может быть, у кого-нибудь есть предложения на этот счёт?

[Erolast]

А что, реакт позволяет возврат промайза из #render()?

[Safort]

Erolast,
на сколько я знаю - нет. А разве должен?

[Gozar]

А разве должен?

А разве это не разрушение паттерна React? Какой тогда смысл использовать React?

[Safort]

Gozar,
ты вообще про что?) Зачем методу render() возвращать обещание, если он должен возвращать react-элемент?

[Erolast]

на сколько я знаю - нет. А разве должен?

Конечно. async/await - это сахар над использованием генераторов совместно с промайзами, результат асинхронной функции - промайз.