Современные интерактивные приложения в вебе требуют особого внимания к работе с непрерывно изменяющимися, динамическими данными. RxJS – библиотека, построенная на паттерне Observable/Observer, выражает последовательность изменений в состоянии приложения через внешние потоки данных и предоставляет широкий набор средств для создания, фильтрации, комбинирования таких потоков удобным для разработчика способом. Для наглядной демонстрации преимуществ такого подхода в докладе будут рассмотрены некоторые примеры с использованием библиотеки React, они помогут осознать основные принципы связывания потоков данных и представления, а также увидеть гибкость, компактность и практическую ценность предлагаемого библиотекой RxJS метода.

2. https://github.com/maetchkin/rxjs-examples

3. Разработчик интерфейсов
в департаменте вычислительной биологии

6. Аспирин
ацетилсалициловая кислота

7. Pain, Sir?

13. Аминокислоты

14. аминоуксусная кислота

17. in silico

19. А тут можно темненьким плз?

21. https://github.com/maetchkin/rxjs-examples

22. ThemeToggler

23. ThemeToggler

24. ThemeToggler

25. ThemeToggler

26. Цветовые темы

27. ThemeToggler

29. События происходят

30. Состояние существует

31. Cобытия изменяют состояние

32. События происходят
Состояние существует
Cобытия изменяют состояние

34. 5.0
ReactiveX

35. Observable && Observer
Rx Subject

36. Rx Subject
Observable

37. Rx Subject
Observable

38. Rx Subject
Observer

41. ThemeBehaviorSubject

42. ThemeBehaviorSubject

43. ThemeBehaviorSubject

44. ThemeBehaviorSubject

45. ThemeTogglerBehavior

46. ThemeTogglerBehavior

47. ThemeTogglerBehavior

48. ThemeTogglerBehavior

49. Цветовые темы в блоках
Тёмная

51. А можно на второй дисплей вывести?

52. Двухмониторная
конфигурация

56. Application Channel

57. Application ChannelAppChannel

58. Application ChannelAppChannel

59. Application ChannelAppChannel

60. Application ChannelAppChannel

61. Application ChannelAppChannel

62. Application ChannelAppChannel

63. Application ChannelAppChannel

64. AppChannelMessage

65. Application ChannelThemeTogglerAppChannel

66. Application ChannelThemeTogglerAppChannel

67. Application ChannelThemeTogglerAppChannel

68. Application ChannelThemeTogglerAppChannel

69. Application ChannelThemeTogglerAppChannel

71. Application ChannelThemeTogglerAppChannel

72. WS

73. WebSocket
SharedWorker
Socket Channel Socket Channel

74. SocketChannel

75. SocketChannel

76. Application Channel
SocketChannel

77. Application ChannelSharedSocket

78. Application ChannelSharedSocket

79. Application ChannelSharedSocket

80. Application ChannelSharedSocket

81. Application ChannelSharedSocket

82. Application ChannelSharedSocket

83. Application ChannelSharedSocket

84. Application ChannelSharedSocket

85. Application ChannelSharedSocket

86. Application ChannelSharedSocket

87. Application ChannelSharedSocket

88. Application ChannelSharedSocket

89. Application ChannelSharedSocket

90. Application ChannelSharedSocket

91. Application ChannelSharedSocket

92. WebSocket
SharedWorker
Socket Channel Socket Channel

93. BUFFER

94. WebSocket
SharedWorker
Socket Channel Socket Channel
fail

95. Application ChannelSocketChannel/buffer

96. Application ChannelSocketChannel/buffer

97. Application ChannelSocketChannel/buffer

98. Application ChannelSocketChannel/buffer

99. Application ChannelSocketChannel/buffer

100. Application ChannelSocketChannel/buffer

101. Application ChannelSocketChannel/buffer

102. bufferToggle
Source
Open
Close
Buffered

103. Application ChannelSocketChannel/bufferToggle

104. Application ChannelSocketChannel/bufferToggle

105. bufferToggle
Source
Open
Close
Buffered

106. Application ChannelSocketChannel/bufferToggle

107. Application ChannelSocketChannel/bufferToggle

108. Application ChannelSocketChannel/bufferToggle

109. Application ChannelSocketChannel/bufferToggle

110. DOCS

111. rxviz.com
rxmarbles.com/
reactivex.io/rxjs/
www.learnrxjs.io/
egghead.io/technologies/rx
Docs

112. Спасибо за внимание
Вопросы?