These are chat archives for dev-ua/reactjs

7th
Jan 2016
kiberlain
@kiberlain
Jan 07 2016 08:32
Всем привет!
у меня такой странный вопрос. Делают ли на клиенте restful-web-приложения? В spa к примеру на реакте есть роутинг. Кликая на news мы видим новости по адресу site.ru/#/news А как реализовать веб-приложение с restful api на клиенте? Так чтобы получался адрес site.ru/section/page/items/51 (данные при этом могут хранится в localstorage) Делают ли так вообще? И если да то как? По каким запросам гуглить?
b1ff
@b1ff
Jan 07 2016 10:06
@kiberlain если используется react-router то нужно как реализацию history передать browserHistory https://github.com/rackt/react-router/blob/master/docs/API.md#history
если еще не используешь react-router, то придется) ну или делать свой велосипед поверх браузерного history API
KnightOfHell
@KnightOfHell
Jan 07 2016 14:38
Кто пользовался material-ui?
Kirill Yakovenko
@blia
Jan 07 2016 14:40
оно тормозит
Terry Sahaidak
@terrysahaidak
Jan 07 2016 14:40
@KinghtOfHell я якось пробував, але як казав @blia, краще не юзати різні ui-ліби, бо вони дуже тяжко кастомізуються.
KnightOfHell
@KnightOfHell
Jan 07 2016 14:42
@terrysahaidak согласен подзадолбался костомизировать
@blia Можно глупый вопрос. Там есть список
Kirill Yakovenko
@blia
Jan 07 2016 14:43
я говорил не юзать биндинги в либам
@KinghtOfHell что ты имеешь в виду?
KnightOfHell
@KnightOfHell
Jan 07 2016 14:47
@blia Там есть список
И есть списки с чекбоксами
не могу воспроизвести
а в доках инфы по этому делу нет
Kirill Yakovenko
@blia
Jan 07 2016 14:49
а, ну я не изучал ибо как написал выше тормозит пока.
KnightOfHell
@KnightOfHell
Jan 07 2016 14:50
А в каких сценариях тормозит?
Kirill Yakovenko
@blia
Jan 07 2016 14:50
когда достаточно среднее кол-во компонентов на странице.
KnightOfHell
@KnightOfHell
Jan 07 2016 14:51
@blia А что тогда юзать?
Или самому всё писать?
Kirill Yakovenko
@blia
Jan 07 2016 14:53
ну тут я не советчик. Все от задачи зависит и от твоих навыков, времени, кучи еще чего.
KnightOfHell
@KnightOfHell
Jan 07 2016 14:53
@blia Просто понравилась тема material дизайна
Illia Seheda
@ALF-er
Jan 07 2016 14:55
а elemental-ui умер?
KnightOfHell
@KnightOfHell
Jan 07 2016 14:56
@blia Классный ник кстати
Ilya Pomaskin
@IlyaPomaskin
Jan 07 2016 18:29
кто-нибудь знает хороший пример сайта сделанного на реакте?
обязательно с открытым исходным кодом
Terry Sahaidak
@terrysahaidak
Jan 07 2016 18:54
@IlyaPomaskin ну можеш глянути для прикладу код нової адмінки вордпресу
Maxim
@stigmat4j
Jan 07 2016 19:48
Ребят, есть какой-то проверенный набор материал компонентов на реакте? Кроме material-ui... что-то слабая реализация у него
KnightOfHell
@KnightOfHell
Jan 07 2016 22:31
@stigmat4j Чем она слабая?
Terry Sahaidak
@terrysahaidak
Jan 07 2016 22:35
хтось може допомогти?
як мені прокинути ref компонента Navigator в компонент Drawer, ну тобто щоб було доступно в пропсі DrawerLayoutAndroid, якщо перший є дочірнім компонентом другого:
render() {
    const initialRoute = {name: 'home'}
    return (
      <DrawerLayoutAndroid
        style={{backgroundColor: 'white'}}
        drawerWidth={300}
        drawerPosition={DrawerLayoutAndroid.positions.Left}
        renderNavigationView={() => <Drawer navigator={_navigator}/>}
      >
        <Navigator
          style={styles.container}
          ref="nav"
          initialRoute={initialRoute}
          configureScene={() => Navigator.SceneConfigs.FadeAndroid}
          renderScene={this.renderScene}
        />
      </DrawerLayoutAndroid>
    )
  }
Illia Seheda
@ALF-er
Jan 07 2016 22:36
зачем О.о
this.props.children в Drawer
Terry Sahaidak
@terrysahaidak
Jan 07 2016 22:38
мені треба саме тут там де renderNavigationView отримати ref на Navigator
Illia Seheda
@ALF-er
Jan 07 2016 22:39
А... выглядит как ад. Ну попробуй через ref={c => this.navigator = c}
Terry Sahaidak
@terrysahaidak
Jan 07 2016 22:40
бо DrawerLayoutAndroid - типу менюшка на андроїду, тобто вона буде завжди поверх інших, а Navigator -- раутер, який рендерить компонент, який мені потрібно, залежно від name
renderScene(route, navigator) {
    _navigator = navigator
    // map routes by name
    switch (route.name) {
      case 'home':
        return (
          <HomeView navigator={navigator} route={route}/>
        )
      case 'help':
        return (
          <HelpView navigator={navigator} route={route}/>
        )
      default:
        return (
          <HomeView navigator={navigator} route={route}/>
        )
    }
  }
це для тих, хто яростно кричав "в нейтіві нема урлів, який раутер", тут почті те саме
а є ще подєлки всякі типу redux-router, flux-router і т.д., де раути описуються так само, як в react-router
Illia Seheda
@ALF-er
Jan 07 2016 22:44
redux-router юзает react-router
ну и он деприкейтнут, вместо него redux-simple-router
Terry Sahaidak
@terrysahaidak
Jan 07 2016 22:45
я зараз про RN говорю, там свій зоопарк
хоча не знав, що він вже депрекейтнутий
треба буде потичити на redux-simple-router
Terry Sahaidak
@terrysahaidak
Jan 07 2016 22:48
та
але крім того ще бачив
чуть інший
теж схоже називається
оцей перейменували в flux-router
і типу працює зразу з фейсбучним флаксом і редаксом
і видно доведеться щось таке юзати, або якийсь костиль пілити
хз)