It's worth mentioning at the end that the body of the build() method for DogName could be simplified to return a single Container widget with a Text child.
Hello everybody ! These videos are pretty awesome and explain the details perfectly. We want to have a lot of videos like this, thank you GOOGLE, thank you all !!!
Great video! A quick suggestion... take advantage of the IDE's "wrap a widget" and "add padding" features (Cmd-.). This also works in VSCode, which makes editing the Flutter code so much easier! Keep up the great work! Looking forward to the series!
This tutorial series has helped me a lot to understand the differences between stateless widget and stateful widget but I have seen use cases where both are implemented at a time an example use case is where a stateless widget was created first with a home method that calls the stateful widget class. Please I would like to understand why are stateless widget used to call a stateful widget class and why are both used at the same time. This may be a dummy question but it has been a question I had searched on Google and got no answer
why make a difference between stateful and stateless or why split i should say? join them together and then add a switch or boolean that you can set to stateful or stateless, seems like extra work coding wise for something that can just be specified with less code. but whatever, i am not on the flutter dev team. thanks for sharing.
Hey Flutter Team, from what I see soon you'll end up publishing hundreds of videos. please have your own channel and create playlists. It would be easy to keep track of videos. This is the right time to begin with!!
Defining a const constructor doesn't make every instance of the class a constant, you need to to actually initialise it with the "const" keyword, e.g "const DogName('Nico')"
Element tree doesn't show 'what actually on screen' , it only have reference/location to that current build widget. RenderObject Tree is the actual representation of the screen. RenderObject is created by using configuration details from widget and reference details from element. (RenderObject = widget(configuration details) + Element(location details)). This how I understood about flutter framework, But after watching this video i'm get confused. (Am I right or wrong?)
I am a fan of flutter in China. Can I translate this series of videos and upload them to the Chinese website (purely sharing, no profit)？ For some well-known reasons, it is difficult for Chinese developers to see these excellent official flutter videos.
Hey there! 🎶 In that particular moment, the mention of "stateful" refers to a concept in music production and not related to widgets or elements. 🎵 If you have any more questions or need recommendations, feel free to ask! 😊
abstract? stateless means things doesn't change inside that widget, stateful means you would want to listen to when the values inside that state changes.
In most cases, an app can be pretty smart about only rebuilding the widgets it has to when data changes, so most updates only produce a few new widgets. Because Stateless widgets are constants, you can also do things like reuse them at multiple places in the Element tree or cache them for repeated use. The team just added some new features to the IntelliJ/Android Studio plugins that report on performance stats, if you're curious about how well one of your apps is performing: groups.google.com/forum/?linkId=52478434#!topic/flutter-dev/oJ55FjL5Izc
There are several ways to space things out in a column, including the use of a Padding widget. I recommend having a look at the catalog of layout-related widgets on flutter.io, which has a bunch of options: flutter.io/docs/reference/widgets/layout
So I have been working on Flutter soon 2 years but I still don't understand. So you made a parent that it is a Stateless but then you have children widgets that they are mixed with Stateless and Stateful. So you say that if I wanna get data and re-render a widget I should call Stateful.. but my parents is in Stateless. I wish that Flutter can make Stateless and Stateful in to *one* because this give me so much headache and helps us to code better.
Why we don't use native code like Swift? I'm a developer in IOS for 4 years, I can do everything, This kind of framework create less required of the customer.
sometimes its better to compare it to HTML. first you have to make a bunch of divs, or say UL, LI LI LI, then you have to go set a class, make a new CSS file, link it into your HTML doc, then make a class and share it with the 3 elements, then make CSS code for that class that has the padding and color and etc.. so you could argue that its complicated in everything if you know nothing, but those that know what to do see it as simple. it only becomes simple with memorization and memorization happens with practice.
It's very confusing to call a widget "stateless". It has a state. The one it was created with. It should've been called ImmutableWidget or something more accurate.
This is a late response but all Widgets (Stateless / Stateful) are actually immutable. You cannot modify Widget objects once initialised. That's why the build method exists: To rebuild the Widget when a change is made. State here is a class that stores properties of the Widget that can change. Stateful Widgets store an instance of this State class. Again, Stateful Widgets are immutable, so they hold onto that same State object, but State is mutable. That State object is where all the modification happens. Essentially the properties inside the State object are the current "state" of a Widget.
So I kind of get why Flutter is popular and look past the overtly complicated syntax, but man the documentation is terrible to navigate. I cannot easily find all of the different declarations and how they should interact let alone the different options to use for styling for example. I should be able to read the documentation without watching videos. For example. How do I know that SizedBox() exists, or that mainAxisAlignment is an attribute for Column() and what alignment options are available? The Flutter documentation do not easily provide these. I have to bounce between different pages within the Flutter documentation to finally find it AND it just lists a few options for Column() which are the most popular. Good documentation is how W3 schools made it available.
OK Apologies. I just saw you call it the Flutter API reference documentation where all of the packages are listed with every single option in there. It was tough to find but I can finally get everything I need.
In this video, the speed at which you write the code is too slow. You should make it so fast that our eyes can't follow it. Do you really think a beginner can follow this video at that speed?
wandered through lots of articles and books to learn flutter, but this single instruction is just better than those.
Good to see short, concise but technical explanations of Flutter. Please cover the semantics widgets (for accessibility) at some point in the series.
5:07 should be StatelessElement
These series will be really helpful, loving flutter more and more every day, good job!
It's worth mentioning at the end that the body of the build() method for DogName could be simplified to return a single Container widget with a Text child.
Hello everybody ! These videos are pretty awesome and explain the details perfectly. We want to have a lot of videos like this, thank you GOOGLE, thank you all !!!
Just can say 4 words for his explanations Simple, Quick, Useful, Exciting
Great video! A quick suggestion... take advantage of the IDE's "wrap a widget" and "add padding" features (Cmd-.). This also works in VSCode, which makes editing the Flutter code so much easier! Keep up the great work! Looking forward to the series!
10/ 10 good teaching - the reveal at the end had me shook
Flutter is the Future!
This series will be good :) Thanks.
Thank you so much for all of this flutter stuff. If y'all could, hurry it up so I can finish my school project faster. xD
Hope these come in faster than once a week. Thanks for the vid.
This tutorial series has helped me a lot to understand the differences between stateless widget and stateful widget but I have seen use cases where both are implemented at a time an example use case is where a stateless widget was created first with a home method that calls the stateful widget class. Please I would like to understand why are stateless widget used to call a stateful widget class and why are both used at the same time. This may be a dummy question but it has been a question I had searched on Google and got no answer
Been some time developing apps on Flutter. Sometimes I think how the hell could it be soo easy :). Good job Google.
Hope this series continues..
This is really exciting. It seems very easy to build complex apps across platforms. I will try it out to justify this.
Nice presentation bro… Thanks a lot bro
Really amazing brother.
Glad to learn flutter from people like you. simply wounderful 🙌🙌❤❤❤❤❤❤
Thank you! 😊
I watched it today.
Thank you for the helpful explanation
why make a difference between stateful and stateless or why split i should say? join them together and then add a switch or boolean that you can set to stateful or stateless, seems like extra work coding wise for something that can just be specified with less code. but whatever, i am not on the flutter dev team. thanks for sharing.
beautifully explained.
Please release new videos daily or three times a week. Thx
Hey Flutter Team, from what I see soon you'll end up publishing hundreds of videos. please have your own channel and create playlists. It would be easy to keep track of videos. This is the right time to begin with!!
Flutter is going to be future ❤️
Awesome series
Nicely explained !
Flutter rocks, keep up with the good work!
Flutter is great... I can't wait for the new videos ...
Short and to the point.
I hope I will be a member of any department in Google in the nearest future.
Excellent video
Defining a const constructor doesn't make every instance of the class a constant, you need to to actually initialise it with the "const" keyword, e.g "const DogName('Nico')"
when the next video will be published , is it like the widget series each week ?
Thanks. Flutter is an interesting framework
Element tree doesn't show 'what actually on screen' , it only have reference/location to that current build widget.
RenderObject Tree is the actual representation of the screen. RenderObject is created by using configuration details from widget and reference details from element.
(RenderObject = widget(configuration details) + Element(location details)).
This how I understood about flutter framework, But after watching this video i'm get confused.
(Am I right or wrong?)
good job
I am a fan of flutter in China. Can I translate this series of videos and upload them to the Chinese website (purely sharing, no profit)？ For some well-known reasons, it is difficult for Chinese developers to see these excellent official flutter videos.
New to this, totally lost, will it get easier?
Why are they always using sizedbox in these tutorials, isn't there MainAxisAlignment.spaceEvenly for this?
*'adding a padding widget'*
He is rhyming...
Great! can't wait for the Statefull widget vid :D
Can't wait to use Flutter
u're late man
Perfect. I got it.
Thank you!
Perfect, really very nice, thanks alot.
On 5:08 it is said "stateful element then says, hey, I" why stateful? I thought we were seeing stateless widgets and elements!
Hey there! 🎶 In that particular moment, the mention of "stateful" refers to a concept in music production and not related to widgets or elements. 🎵 If you have any more questions or need recommendations, feel free to ask! 😊
Keep there videos coming!!!
Very nice
Great Video. Thks
讲的太好了，虽然我一句也听不懂
Stateless, Stateful, Element, etc. Can anyone provide a link that can explain this for dummies. Hard to get my head around such abstract concepts.
abstract? stateless means things doesn't change inside that widget, stateful means you would want to listen to when the values inside that state changes.
Great job!
How can I learn flutter/dart in a simplified manner?
very useful
A visual of the finished product would help
Thanks !
How u emulate an iphone on Android Studio bro?
It's flutter
Using Flutter Inspector, you would select 'Toggle Platform' to switch between Android and iOS emulation
What's about performance? We have a lot of StatelessWidgets inside each other and this number of nesting elements will increase .
In most cases, an app can be pretty smart about only rebuilding the widgets it has to when data changes, so most updates only produce a few new widgets. Because Stateless widgets are constants, you can also do things like reuse them at multiple places in the Element tree or cache them for repeated use.
The team just added some new features to the IntelliJ/Android Studio plugins that report on performance stats, if you're curious about how well one of your apps is performing: groups.google.com/forum/?linkId=52478434#!topic/flutter-dev/oJ55FjL5Izc
not able to visualize the tree structures :(
pls include more animation .
Sized Box seems more like a hack, rather a good design principle. Can we achieve this without Sized Box?
There are several ways to space things out in a column, including the use of a Padding widget. I recommend having a look at the catalog of layout-related widgets on flutter.io, which has a bunch of options: flutter.io/docs/reference/widgets/layout
So I have been working on Flutter soon 2 years but I still don't understand. So you made a parent that it is a Stateless but then you have children widgets that they are mixed with Stateless and Stateful. So you say that if I wanna get data and re-render a widget I should call Stateful.. but my parents is in Stateless. I wish that Flutter can make Stateless and Stateful in to *one* because this give me so much headache and helps us to code better.
this stare scares me...
Why we don't use native code like Swift? I'm a developer in IOS for 4 years, I can do everything, This kind of framework create less required of the customer.
This content is great but i was searching for a long time to find them maybe a new desing in the order in your channel could be help ;)
So put stateless widgets inside a stateful widget is one way of handling rebuilding stateless widgets.
omg please blink...
he did it in 3:04
please create chanel Google devloper indonesia. indonesia lugage
thanks dude . i just newbie. how i'll be master.
Composition > Configuration.. wow google is really several steps ahead of MS.
I found this really complicated for this simple interface
Practice and exploring will make that complication goes away ;)
I think it's pretty simple compared to an arcaic XML file...
sometimes its better to compare it to HTML. first you have to make a bunch of divs, or say UL, LI LI LI, then you have to go set a class, make a new CSS file, link it into your HTML doc, then make a class and share it with the 3 elements, then make CSS code for that class that has the padding and color and etc.. so you could argue that its complicated in everything if you know nothing, but those that know what to do see it as simple. it only becomes simple with memorization and memorization happens with practice.
@@TheVictorotciV XML is far easier than this in my opinion
El que no apunte aprender Flutter que se dedique hacer Galletas...
this is so confusing compared to making an app traditionally in Java (understanding how it works, what does what, and how things are related) 🙄😂
Spend some time following tutorials and you'll be set!
It's very confusing to call a widget "stateless". It has a state. The one it was created with. It should've been called ImmutableWidget or something more accurate.
This is a late response but all Widgets (Stateless / Stateful) are actually immutable. You cannot modify Widget objects once initialised. That's why the build method exists: To rebuild the Widget when a change is made.
State here is a class that stores properties of the Widget that can change.
Stateful Widgets store an instance of this State class. Again, Stateful Widgets are immutable, so they hold onto that same State object, but State is mutable.
That State object is where all the modification happens. Essentially the properties inside the State object are the current "state" of a Widget.
Pog!
Nyc google
Nice video :) think about putting music in the parts where you dont speak so there won't be any awkward pauses xD cheers
Please, I need subtitles in Korean.
So I kind of get why Flutter is popular and look past the overtly complicated syntax, but man the documentation is terrible to navigate. I cannot easily find all of the different declarations and how they should interact let alone the different options to use for styling for example. I should be able to read the documentation without watching videos.
For example. How do I know that SizedBox() exists, or that mainAxisAlignment is an attribute for Column() and what alignment options are available? The Flutter documentation do not easily provide these. I have to bounce between different pages within the Flutter documentation to finally find it AND it just lists a few options for Column() which are the most popular. Good documentation is how W3 schools made it available.
OK Apologies. I just saw you call it the Flutter API reference documentation where all of the packages are listed with every single option in there. It was tough to find but I can finally get everything I need.
In this video, the speed at which you write the code is too slow. You should make it so fast that our eyes can't follow it. Do you really think a beginner can follow this video at that speed?