Слайдер на React.js

[Smike]

Всем привет. В общем есть слайдер, сделанный на реакте. Слайды листаются с определенным интервалом. Необходимо сделать так, чтобы интервал очищался когда пользователь нажимает на sliderbullet и запускался сначала. Код вы можете увидеть здесь http://jsfiddle.net/8zgmqrho/

У компонента Slider есть свойство componentWillUnmount, но я не понимаю где и как надо его вызвать. Помогите пожалуйста, товарищи =)

[melky]

вот тут пишешь обработчик клика:

return <SlideBullet classer={i===this.state.curslide?'current-slide':''} slideNumber={i} certainSlide={this.certainSlide}/>
    }.bind(this))

или, вернее, подписываешься на события смены слайдов

и в нём очищаешь интервал

наверное, это метод certainSlide компонента Slider

componentWillUnmount, но я не понимаю где и как надо его вызвать

таким вопросом не надо задаваться реакт сам вызовет этот lifecycle hook, когда компонент будет отмонтирован от дерева

[Smike]

melky,
дело в том, что обработчик клика уже вшит в компоненте SlideBullet. А интервал задан в компоненте Slider.

var labels = Slides.map(function(s,i){
      return <SlideBullet onClick={this.componentWillUnmount} classer={i===this.state.curslide?'current-slide':''} slideNumber={i} certainSlide={this.certainSlide}/>
    }.bind(this))

Можно ли таким образом просто очистить его?

[melky]

Можно ли таким образом просто очистить его?

хз, но лучше так не делать.

пробни этот способ - я вынес очищение интервала в отдельный метод и вызываю его в componentWillUnmount и certainSlide
http://jsfiddle.net/8zgmqrho/1/

[Smike]

melky,
Огромное спасибо за помощь, помогло.
ЗЫ. раз такое дело, не могли бы вы посоветовать литературку по реакту, или дать пару советов в изучении? =)

[melky]

melky,
Огромное спасибо за помощь, помогло.
ЗЫ. раз такое дело, не могли бы вы посоветовать литературку по реакту, или дать пару советов в изучении? =)

держи две ссылки:

https://github.com/enaqx/awesome-react
http://react.rocks/

этого хватит на первое время

ну а так - по большей части материалов нету, всё только набирает обороты... например, еще до конца не определились с тем, как должен вести себя Flux в случае асинхронных запросов.

ну и приходи сюда, на форум, с вопросами - нет проблем, попробуем помочь

[Smike]

Огромное спасибо! До новых встреч =)