Save 37% off PRO during our Black Friday Sale! »

RxJSで始めるリアクティブ・プログラミング と GitHub Emoji

2f710cd36766586d2b6210f2a2be2b97?s=47 0918nobita
September 29, 2018

RxJSで始めるリアクティブ・プログラミング と GitHub Emoji

参考文献
『Angular6 から始める RxJS6 入門』 https://qiita.com/MasanobuAkiba/items/a5026bd37603cc29e9e7

2f710cd36766586d2b6210f2a2be2b97?s=128

0918nobita

September 29, 2018
Tweet

Transcript

  1. 3Y+4Ͱ࢝ΊΔ ϦΞΫςΟϒɾϓϩάϥϛϯά ͱ (JU)VC&NPKJ ৘ใཧ޻ֶ෦ ճੜ দຊ ޾େ

  2.  • • • • •

  3.          

     
  4.   • A • A / A • A

    • A A • A A , P
  5.     •     •

    (    • ( ()    
  6.    from P : from([1, 2, 3, 4])

    .subscribe(x => console.log(x)); // 1, 2, 3, 4  subscribe S P : I P Subscription P :P O
  7. fromEvent(window, ‘online’) .subscribe(x => console.log(x)); // ↑ ↓ : window.addEventListener(‘online’,

    event => { console.log(event); });
  8. ( ) 2 ok function listener() { // O setTimeout(()

    => { // 2 : console.log(‘ok’); }, 2000) } // window.addEventListener(‘online’, listener); window.addEventListener(‘offline’, listener); S S
  9. : 2 ok merge( fromEvent(window, ‘online’), fromEvent(window, ‘offline’)) .pipe(timeout(2000)) .subscribe(()

    => console.log(‘ok’));
  10. : 2 ok merge( /* 2 Observable */ fromEvent(window, ‘online’),

    fromEvent(window, ‘offline’)) .pipe(timeout(2000)) /* 2 */ .subscribe(() => console.log(‘ok’)); O O
  11. 

  12. None
  13.     

  14. 

  15. ! " #

  16.  .. . / .

  17.  • G H E • E H •

  18.