Introduction to Vaadin Flow

In this video, Alejandro Duarte makes an introduction to Vaadin 10 and Vaadin Flow, a platform to develop web applications with Java and Web Components.
Follow Alejandro on Twitter: / alejandro_du
Source code: github.com/alejandro-du/commu...

[@basilbourque]

Very useful demo, thanks. Amazing to see how simply you could wrap a JavaScript-HTML based web component as a Java object.

[@richJinny]

EXCELLENT tutorial! I am especially interested in using Vaadin together with Spring.

[@JulioCesarReyesGomez]

Great Job! Waiting for more vaading demos in Eclipse and also using mysql. Thanks.

[@abdullahkunhi4689]

Can you pls make a video on vaadin routing and adding spring security .. You can give an example for making a login screen

[@umitkirtil]

Yes and please dont use html to much . Keep it as easy as possible.( Just using Java)

[@orlandopazduarte14]

@@umitkirtil XD more?

[@johngamarra423]

nice job, saludos desde Colombia!

[@MrUstiik]

Awesome! Thanks!

[@faras5426]

Fantastic!

[@JetBeray]

Wow! Vaadin 10 Rocks!!!

[@samir9924]

nice demo

[@alexdavibe]

Super, thanx!

[@DrRobrez]

Id like to see an example of property synchronization where the property is an object or array Thanks for the presentation

[@ottoeotvos913]

Hi Alejandro! Thanks for the video. I saw the webinar about Vaadin 10 months ago, but the whole thing was a bit confusing so this video helped a lot. Actually, one question came to my mind. If I know it well, in Vaadin 8 you need to recompile the widgetset after changing something in the SCSS (I don't have any experience with it, just heard about it). If I understood it well, in Vaadin Flow you don't need to recompile the widgetset or the project itself, just edit the CSS and refresh the page, like in plain html. Did I understand it correctly? It's a huge improvement/upgrade. I work on an older laptop (not a strong one) and that was an actual pain when I needed to recompile a widgetset after I added an extension to my project for example. :D Thanks for you answer! :)

[@amahdy]

That's correct, no widgetset compilation in Vaadin Flow :) Also HTML modifications (in case of usage of templates) appears immediately with a browser refresh, no external tools are need.

[@petmik5022]

but if i want use css i have to put that bower links? so I have to use third part ? I dont understand where is main point to put all css properties in project, in some index.html template? and all other html or java components knows about it?

[@ottoeotvos913]

I'm pretty sure there's no main point (in terms of the UI class in Vaadin 8 and before). The entry point of your application will be the component where the root route is specified (this: @Route("")). When you create a new project on the Vaadin homepage, this will be on the MainView component, but I'm sure you can put it on whatever component you want. About the import. I guess you can find the answer in the Vaadin 10 documentation. For example you have the option to import any css with the @Stylesheet annotation and that accepts links too, so you can use it with CDN as well, I think. Take a look at it! And there'll be a Vaadin webinar on 3rd of July about Vaadin 10. Maybe you will get answers there or, if not, there's always a forum dedicated to that where you can ask and you'll get an answer. But I think the documentation should be enough. :)

[@petmik5022]

thats the problem why I cannot see changes it doesnt work in Opera Chrome nowhere : Deprecation Warning: Styling master document from stylesheets defined in HTML Imports is deprecated, solution nowhere

[@olegsivakov8700]

Do you have a introduction like this for vaadin 14? I'm interested to use webcomponent with npm package

[@rauliciii]

Hei. I have a question. Do developers in general use Vaadin framework for writing just JAVA code or do they create template files using html. I work with Vaadin 7 and all I used was JAVA plain. What do you think? Do you recommend HTML or JAVA approach?

[@halljb67dev25]

Can you do a video using events with components, Defining an Event and Defining an Event Listener

[@vinaykumar-lo8fy]

Thank you very much for your tutorial. I am new to this frame work having java experience over 5 years. Can you guide me how can I start to get knowledge from basic to advance level. It's my new project requirements now. . Thanks in advance. Have a good day

[@CalifornianOnEEurope]

do you have any example that shows how toa dd a map in V10/V11? the olymer stuff got it all so messed up that nothing from Vaadin 6/7/8 works

[@CalifornianOnEEurope]

it is quite the opposite. this toolkit has NO MAP component, if I have to use javascript and html to deal with maps...why deal with Vaadin at ALL? nonsense.

[@webvikrant]

Could you update the tutorial to match Vaadin 14? Thanks in advance.

[@AbrahamFerdinandInoerawan]

can you also show for mobile support? so it's fitted with mobile screen.

[@AbrahamFerdinandInoerawan]

anw, it is nice tutorial

[@pradeepkollipara9805]

Could you please make a video on differences between Vaadin 7/8 and Vaadin 14 and migration kickstart. We are looking to migrate a bunch of apps from 7 to 14

[@pradeepkollipara9805]

@Alejandro Duarte we just want your thoughts on it since you are well aware of both the versions. Coding is not required. Just some verbal explanation on what to watch out for would help us a lot. Which will go smooth, which need to change etc.. Also some pointers on supported java versions

[@hadifaramarzi66]

Taha Jafary!!!! hahaha Iranians are everywhere I'm proud.

[@DrRobrez]

What is going to be he fate of htmlImport, I wonder

[@amahdy]

Since browser vendors couldn't agree on a final specs: developer.mozilla.org/en-US/docs/Web/Web_Components/HTML_Imports We are most likely going to replace it with ES6 Imports. We are following updates on Web Components' standard specs to make sure to implement the latest in Vaadin Flow as well.