Reactive Spring UI Patterns

Spring 5 brings a new way of modelling data streams in the web. In this presentation I go through ways of using the reactive paradigms to push your server-side UI to the next level.

Transcript

1. R E A C T I V E S P R I N G U I P AT T E R N S ! @ R I S T O Y S P R I N G I / O 2 0 1 7
2. 9 Y E A R S O F W E B - A P P U I ' S @ V A A D I N F U N C T I O N A L P R O G R A M M I N G < 3 Risto Yrjänä
3. What you get • Reactive programming -> more readable UI's • Quick UI's with reactive Spring
4. 5 O P H Y is the user interface. The user s experience the business ce. Simplicity is king and the on the device they happen to e everyone to join this fight. le on the user’s face. ild the best web-apps for eloper productivity because nd saving the developer’s terfaces. hen everyone - both us and f what Vaadin is and what we s book defines what we want athing the Vaadin brand as s about Vaadin - using this pers! ?
5. B U S I N E S S A P P L I C AT I O N S F O R T H E W E B
6. Reactive programming “ R E A C T I V E … I S I T C L O S E E N O U G H T O E V E N T D R I V E N ? ”
7. Reactive data for the UI • Less LOC • Composability • Streaming data with backpressure
8. Wiring up a UI - reactive style • Map the flow of events with streams • Declare the flow and press subscribe
9. Example 1/2 Server-side reactive UI: 1. Using Flux 2. Data with event streams 3. UI with event streams
10. start.spring.io
11. Example 2/2 Client-side 1. Consuming streams in JS 2. Web component UI
12. W E B C O M P O N E N T S
13. Polymer
15. G I T H U B . C O M / R I P L A / S P R I N G - I O - 2 0 1 7 ! @ R I S T O Y