Beginning Flutter - Understanding the Widget Tree and Element Tree

This video is an introduction to:
- Understanding the Widget Tree and the Element Tree.
- How the Flutter application itself is a widget.
- Elements have a reference to the widget and are responsible for comparing the widget differences.
- When you see the use of BuildContext objects, they are the Element objects.
- There is a third tree called the render tree that is a low-level layout and painting system that inherits from the RenderObject. The RenderObject computes and implements the basic layout and paint protocols.
- We'll take a look at the Stateless Widget and Element Tree.
- The Stateful Widget and Element Tree.
Looking for Updates:
JediPixels.dev
Beginning Flutter Book:
www.amazon.com...
Subscribe:
/ @jedipixels
#flutter #dart #flutterdev #appdevelopment

[@ACHVPEAK]

I enjoy these videos. Short and easily digested by the mind. Great content!

[@JediPixels]

Awesome, thank you!

[@George-or3uv]

Very good. I'm currently reading a book regarding this topic. You've made it clear to me. I understand it much better now.

[@JediPixels]

Thank you.

[@affanamir1412]

Mr George which book are you reading for flutter development is it by Marco L. Nipoli?

[@omkarsutar5069]

Hi Sir, you must be extra experienced guy, you explaining beyond design

[@JediPixels]

I just love developing in Flutter, thanks.

[@mrshang2930]

it is clear to me thank sir

[@JediPixels]

Thank you.

[@affanamir1412]

I am reading a book beginning flutter a hands on guide to App Development by Marco L. Nipoli and your talking the same thing just like the book because English is not my first language so its hard to understand everything from the book

[@kengachokinjuguna1008]

anyone else lost as I am?

[@MinhNguyen-hf5yh]

Hi sir, thanks for the video. However, I understand that Widget is a Dart class, a blueprint, and an Element is an instance of this class, right?. So if I define a class WidgetCar then an object widgetCar = WidgetCar() is an Element?

[@____-gy5mq]

Can you stop saying "sir"? I know you wanna give respect and all, but "sir" sounds weird.

[@marodonthemorone]

Not really, the element is a separate entity which contains the reference of its configuration (widget)

[@devanshkhare3532]

What if the text widget gets replaced by an image widget ? Will there be a change in the Element Tree ?

[@JediPixels]

Yes, there would be a change in the Element Tree. In the video at 08:00 it talks about the Element Tree remains the same since the Text widget is replaced by a Text widget.

[@devanshkhare3532]

@@JediPixels okay, Thanks :)

[@someguy007]

Hi sir thanks for the vid. However there is something in your explanation that makes it very hard to understand. I had the stop and run a single sentence many many times to process what you're saying. Maybe u used too much technical terms. Which I guess is absolutely okay, if your target audience is folks who are already very technical. Just thought Id point that out to you. Thanks,

[@JediPixels]

Thank you, I appreciate the feedback.

[@camtasia1000]

glad im not the only one

[@scarswell12]

None of this made sense. I did not follow the relationship between the widgets in elements in a practical sense

[@anukools3]

Informative but too much animation causing distraction to concept.

[@JediPixels]

I appreciate the feedback.