These are chat archives for dev-ua/reactjs

21st
Jan 2016
YLuchaninov
@YLuchaninov
Jan 21 2016 07:43
@terrysahaidak сорри убегал, id для того чтобы сопоставить в однозначное соответсткие нативную вьюху, работает через http://bit.ly/1ACSv1x вот хорошее описание http://android.amberfog.com/?p=296
Terry Sahaidak
@terrysahaidak
Jan 21 2016 09:36
@YLuchaninov дякую)
kiberlain
@kiberlain
Jan 21 2016 12:53
Всем привет!
тут нашёл пример с двумя селектами - при изменении одного генерится второй http://jsbin.com/towebuxeji/edit?js
не подскажете как доработать чтобы теперь при выборке из второго генерился третий
Terry Sahaidak
@terrysahaidak
Jan 21 2016 13:53
@kiberlain скільки їх має бути?
stanleer
@stanleer
Jan 21 2016 13:57
народ поможите
как передавать данные из такой формы?
https://gist.github.com/stanleer/a53ff0a0071a188cbe85
Terry Sahaidak
@terrysahaidak
Jan 21 2016 14:01
4 пробіла -- зло :)
типу дані передавати, куди?
Dmitry Utkin
@gothy
Jan 21 2016 14:02
кто находил вменяемый таймпикер?
stanleer
@stanleer
Jan 21 2016 14:02
@terrysahaidak табы?
передавать думаю в родительскую компоненту
но я пока не понял как их из дочерней выпустить )
Terry Sahaidak
@terrysahaidak
Jan 21 2016 14:03
@gothy матеріал не пішов?
Dmitry Utkin
@gothy
Jan 21 2016 14:04
@terrysahaidak більше подробиць
Terry Sahaidak
@terrysahaidak
Jan 21 2016 14:05
@stanleer твій батьківський компонент має мати функцію, яка буде обробляти клік, або ж приймати значення
а в дочірньому ти просто при хендлі кліку будеш робити
this.props.parentOnClick(value)
Dmitry Utkin
@gothy
Jan 21 2016 14:07
standalone шукаю
Terry Sahaidak
@terrysahaidak
Jan 21 2016 14:08
ну випіли його звідтам і все)
stanleer
@stanleer
Jan 21 2016 14:10
@terrysahaidak чет я не понял
почему должно называться parentOnClick ? как то не логично
да я кликаю но шлю форму а не по ссылке
Terry Sahaidak
@terrysahaidak
Jan 21 2016 14:17
class Parent extends Component {
  constructor(props) {
    super(props)
    this.handleChildClick = this.handleChildClick.bind(this)
  }
  handleChildClick(value) {
    console.log(value)
  }
  render() {
    return <Child clickHandler={this.handleChildClick} />
  }
}

class Child extends Component {
  constructor(props) {
    super(props)
    this.handlecGange = this.handleChange.bind(this)
    this.state = {value: ''}
  }
  handleChange(event) {
    this.setState({value: event.target.value})
  }
  render() {
    return (
      <div>
        <input valut={this.state.value} onChange={e => this.handleChange(e)}
        <button onClick={this.props.clickHandler(this.state.value)}>click</button>
      </div>
    )
  }
}
@stanleer cc
stanleer
@stanleer
Jan 21 2016 14:20
@terrysahaidak а чо нельзя по onSubmit всю фрму проверить?
на каждый элемент вешать событие накладно в плане кода
Terry Sahaidak
@terrysahaidak
Jan 21 2016 14:21
формочки всякі -- трошки болюча тема
можна юзати якусь лібу для формочок
stanleer
@stanleer
Jan 21 2016 14:22
ага, котоорая весит 10кило )
я рекат форм глянул и ужаснулся
перекрестился и дальше пошел )
Terry Sahaidak
@terrysahaidak
Jan 21 2016 14:26
а що в ньому такого поганого?
stanleer
@stanleer
Jan 21 2016 14:27
@terrysahaidak плохого ничего нет наоборот хорошо
но с таким подходом у меня титульная страница в мег будет весить )
Terry Sahaidak
@terrysahaidak
Jan 21 2016 14:27
в тебе не spa?
stanleer
@stanleer
Jan 21 2016 14:28
спа но хочется чтобы стерляло мгновенно
Terry Sahaidak
@terrysahaidak
Jan 21 2016 14:29
ну на SPA бандл знову не тягнеться
раз загрузився і валається
пофіг яка то сторінка
а для швидкої загрузки -- серверний рендеринг
stanleer
@stanleer
Jan 21 2016 14:30
@terrysahaidak я пока не хочу серверный рендеринг
Terry Sahaidak
@terrysahaidak
Jan 21 2016 14:31
ну для комфортної роботи тобі буде потрібен react, redux, react-router, react-redux, lodash, можливо ще redux-form, redux-simple-router
може ще щось
мало не получиться)
stanleer
@stanleer
Jan 21 2016 14:32
@terrysahaidak я пока избегаю редукса тк он сильно меня запутывает
Terry Sahaidak
@terrysahaidak
Jan 21 2016 14:33
там на eghead є доволі хороший курс, який багато може пояснити
stanleer
@stanleer
Jan 21 2016 14:35
@terrysahaidak ага я 2 компоненты связать не могу а ты меня сразу в редкус гонишь )
Terry Sahaidak
@terrysahaidak
Jan 21 2016 14:37
можеш щоб не робити багато onChange
на кожен інпут робити типу
<input value={this.state.name} onChange={e => this.handleChange({name:e)} />
stanleer
@stanleer
Jan 21 2016 14:39
@terrysahaidak мне кажется мне еще рано в редкус суваться, надо на нубовой теме обкатать технику
Terry Sahaidak
@terrysahaidak
Jan 21 2016 14:41
  handleChange(e) {
    this.setState({
      name: e.name.target.value || this.state.name 
    })
}
і так кожне поле твоє сюди заносиш
і має тобі тільки один хендлер
редукс навпаки багато чого мені спростив, а то плутався в тих компонентах)
Iurii Kondratiuk
@iurii-kondratiuk
Jan 21 2016 15:24
@question народ, порадьте будь ласка бібліотеку для роботи з redux і REST API. потрібно щось таке щоб можна було засетати свої хідери. вже дивився на axios та isomorphic-fetch, але може ще є щось цікаве?
Terry Sahaidak
@terrysahaidak
Jan 21 2016 15:25
fetch
чим він невгодив?
береш фетч
пишеш свою обгортку для АРІ
профіт
Illia Seheda
@ALF-er
Jan 21 2016 15:28
ну superagent ещё есть. Но фетч - FTW
Iurii Kondratiuk
@iurii-kondratiuk
Jan 21 2016 15:33
ви про цей фетч https://github.com/github/fetch ?
Illia Seheda
@ALF-er
Jan 21 2016 15:37
Ну вообще нативный https://developer.mozilla.org/en/docs/Web/API/Fetch_API а это его полифил от гитхаба. Но если тебе нужен изоморфный и для фронта и для бека, то isomorphic-fetch
stanleer
@stanleer
Jan 21 2016 15:39
все врое на isomorphic-fetch сидят
Kirill Yakovenko
@blia
Jan 21 2016 15:44
а нафига изоморфик? У меня клиент подключает github/fetch, а сервер node-fetch
Illia Seheda
@ALF-er
Jan 21 2016 15:46
это ещё раз доказывает, что "каждый дро... как он хочет"
stanleer
@stanleer
Jan 21 2016 15:47
@blia так изоморфизм и придуман же вроде чтобы оно было одинаково и там и там
Denis Stoyanov
@xgrommx
Jan 21 2016 15:47
@stanleer wrong!
stanleer
@stanleer
Jan 21 2016 15:48
@xgrommx ну это в самом термине аложено
stanleer
@stanleer
Jan 21 2016 15:48
@xgrommx я еще не проверил это в действии
Illia Seheda
@ALF-er
Jan 21 2016 15:50
У термино-наци - нет =) У изоморфизма немного другое определение, но просто Денис из тех зануд которые считают, что надо говорить "универсальный", а не "изоморфный"
Хотя, имхо, "Универасльный" - это "решающий любую задачу". А не "работающий на разных платформах"
stanleer
@stanleer
Jan 21 2016 15:52
@ALF-er решающий любую задачу на разных платформах )
тогда бы и либа называлассь как то типа universal-fetch )
Kirill Yakovenko
@blia
Jan 21 2016 15:53
сорри. Изоморфик и делает именно то, что я написал. Тогда это гуд
"dependencies": {
    "node-fetch": "^1.0.1",
    "whatwg-fetch": ">=0.10.0"
  },
Terry Sahaidak
@terrysahaidak
Jan 21 2016 15:53
просто перше всі це називали ізоморфік
а потім хтось мудрий сказав "ви всі дурні, треба казати універсальний"
ну і ось)
Denis Stoyanov
@xgrommx
Jan 21 2016 15:53
@ALF-er :smile:
Kirill Yakovenko
@blia
Jan 21 2016 15:54
одни зануды собрались
Illia Seheda
@ALF-er
Jan 21 2016 15:54
и вруны!
Kirill Yakovenko
@blia
Jan 21 2016 15:57
Денис перепутал твиттер и гиттер
Denis Stoyanov
@xgrommx
Jan 21 2016 15:57
чего это?)
Kirill Yakovenko
@blia
Jan 21 2016 15:57
а чего ты про различия написал туда, если разговор тут?
Denis Stoyanov
@xgrommx
Jan 21 2016 15:57
@blia ты шо следишь за мной?)
просто так совпало) временной коллапс
Kirill Yakovenko
@blia
Jan 21 2016 15:58
ну да, у меня они рядом открыты на одном рабочем столе.
Alexey Raspopov
@alexeyraspopov
Jan 21 2016 22:31

У меня клиент подключает github/fetch, а сервер node-fetch

это и есть isomorphic-fetch

Kirill Yakovenko
@blia
Jan 21 2016 23:41
Ага, я посмотрел и написал потом. Подумал сначала, что это про эмуляцию xhr в ноде. @alexeyraspopov
Не знаю как на телефоне вставить ссылку на сообщение.