Building "Bootiful" Vaadin Applications

It's been a long day, but you've done it: you've got a Spring Boot powered backend and now you need to build the UI that'll power the workforce and deliver next week. Vaadin, a UI framework that marries the ease of use of server-side Java and the rich, dynamic nature of client-side JavaScript, integrates well with Spring Boot and offers UI polish that would be hard to get any other way. Join Spring developer advocate Josh Long and Vaadin engineer and expert Peter Lehto for a look at building "Bootiful" Vaadin applications with Spring.

The code for this talk is on GitHub.

Transcript

1. Josh Long (⻰龙之春)
   @starbuxman
   jlong@pivotal.io
   github.com/joshlong
   “BOOTIFUL”
   Peter Lehto
   @peter_lehto
   peter@vaadin.com
   github.com/peterl1084
   https://github.com/joshlong/vaadin-and-spring-talk
   

   View Slide

2. this? oh, nothing. 

   

   just a Boot & Vaadin-powered
   flying drone with laser beams * !
   * there were no laser beams
   Josh Long
   Peter Lehto
   

   View Slide

3. why vaadin
   

   View Slide

4. View Slide

5. User Interface
   Components
   

   View Slide

6. html
   java
   

   View Slide

7. View Slide

8. • Initial HTML
   • CSS (theme)
   • Images
   • JavaScript
   1.2M total

   307k
   compress
   135k
   reduced
   widgetset
   

   View Slide

9. View Slide

10. • name=”Joonas”
    • button clicked
    261 bytes

    

    View Slide

11. View Slide

12. • name=”Joonas”
    • button clicked
    261 bytes

    • Add notification
    267 bytes

    

    View Slide

13. D e v e l o p e r
    P r o d u c t i v i t y
    R i c h
    U X
    

    View Slide

14. getting started (with boot)
    

    View Slide

15. the data model
    

    View Slide

16. data driven ui
    

    View Slide

17. spring-managed
    vaadin components
    

    View Slide

18. the ui scope
    

    View Slide

19. the spring-vaadin
    event bus
    

    View Slide

20. file uploads
    

    View Slide

21. mapping
    

    View Slide

22. deployment
    embedded fun (gzip, ssl)
    application servers
    cloud
    

    View Slide

23. scale state with
    spring session
    

    View Slide

24. next steps
    vaadin.com/demo
    github.com/peholmst/vaadin4spring
    a spring.io/guides
    

    View Slide

25. Josh Long (⻰龙之春)
    @starbuxman
    jlong@pivotal.io
    github.com/joshlong
    “BOOTIFUL”
    Peter Lehto
    @peter_lehto
    peter@vaadin.com
    github.com/peterl1084
    https://github.com/joshlong/vaadin-and-spring-talk
    QA
    

    View Slide