Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   React'а тред (https://javascript.ru/forum/offtopic/53890-react%27-tred.html)

Safort 17.05.2015 13:46

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

Gozar 17.05.2015 14:15

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

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

Safort 17.05.2015 17:51

Gozar,
спасибо.

a_l 19.05.2015 17:19

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

Safort 27.06.2015 11:21

Кто-нибудь использовал 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 27.06.2015 14:07

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

Safort 27.06.2015 15:21

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

Gozar 27.06.2015 18:57

Цитата:

Сообщение от Safort
А разве должен?

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

Safort 27.06.2015 19:05

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

Erolast 27.06.2015 19:05

Цитата:

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


Часовой пояс GMT +3, время: 19:22.