An Introduction to Vaadin Flow - Java Saigon January 2019
•
0 likes•42 views
Last year Vaadin 10 introduced Vaadin Flow, their renewed—boldly modern—approach to rapid application development. In particular we'll get to build our first views, using the new Router API. I will tell you more about which concepts remained the same from Vaadin 8 and lower, and which ones got a total overhaul (spoiler: GWT is gone, hello WebComponents).
Recommended
More Related Content
Similar to An Introduction to Vaadin Flow - Java Saigon January 2019
Similar to An Introduction to Vaadin Flow - Java Saigon January 2019 (20)
Recently uploaded
Recently uploaded (20)
An Introduction to Vaadin Flow - Java Saigon January 2019
- 1. Java Saigon January 2019 | January 17, 2019 Mikaël Geljić @mikaelgeljic An Introduction to Vaadin Flow
- 2. JavaSaigon, meetup #2 * Afterwork, “Come as you are” * Community driven * Monthly, e.g. last Thursday * https://www.meetup.com/Java-Saigon/ * Rules
- 3. Schedule * Vaadin timeline * Vaadin Flow * Live coding example, the return of the “Café Finder”
- 5. Vaadin Framework .1 .2 3 4 5 6 7 8 2001 2002 2002 2005 2007 2009 2013 2017 GWTAJAXHTML Vaadin Framework 8
- 6. Vaadin Framework .1 .2 3 4 5 6 7 8 2001 2002 2002 2005 2007 2009 2013 2017 GWTAJAXHTML Vaadin Framework 8 Vaadin Framework .1 .2 3 4 5 6 7 8 2001 2002 2002 2005 2007 2009 2013 2017 GWTAJAXHTML oving forward from GWT
- 7. Enter (Web) Components .1 .2 3 4 5 6 7 8 Vaadin Components Web ComponentsGWTAJAXHTML
- 8. xxxx | 12th April 2018 Web Components 4 specifications: * Custom elements * Shadow DOM * HTML templates * ES modules https://www.webcomponents.org/specs
- 9. Vaadin 10 14 * Vaadin Platform, e.g. 12.0.3 (aka vaadin-core) * Vaadin Flow 1.2.3 flow-server, flow-push flow-html-components ... * Spring/CDI addons * Lumo theme 1.3.3 * Individual Vaadin Components vaadin-text-field 2.1.5 vaadin-combo-box 4.2.1 vaadin-grid 5.2.5 ... * Bower packages => WebJars https://github.com/vaadin/platform/releases/ Vaadin Components Vaadin Framework 4 5 6 7 8 Flow Vaadin 10
- 10. Vaadin 10 14 * Vaadin Platform, e.g. 12.0.3 (aka vaadin-core) * Vaadin Flow 1.2.3 flow-server, flow-push flow-html-components ... * Spring/CDI addons * Lumo theme 1.3.3 * Individual Vaadin Components vaadin-text-field 2.1.5 vaadin-combo-box 4.2.1 vaadin-grid 5.2.5 ... * Bower packages => WebJars https://github.com/vaadin/platform/releases/ Vaadin Components Vaadin Framework 4 5 6 7 8 Flow Vaadin 10
- 11. Vaadin Flow
- 12. Vaadin Flow * Successor of Framework 8 * Server-side framework, Java API for building web-apps on the JVM * Rich, mobile-first UI components * Transparent communication * Functional-style data binding * Routing * Open source
- 14. Optional Java framework new ComboBox();
- 15. Routing & Navigation @Route("some/path") public class HelloWorld extends Div { public SomePathComponent() { setText("Hello @Route!"); } }
- 16. The return of the Café Finder
- 17. What we've covered * Views & Routes * RouterLayout, error handling * Theming app & components * Data binding w/ Grid
- 18. Closing * Co-organizers & hosts * JavaSaigon February 2019 * 21st or 28th, Nicolai? * JavaSaigon March 2019, 21st or 28th * 21st or 28th, Ilgün?
- 19. Thank you