diff --git a/src/roadmaps/flutter/content/116-flutter-internals/100-render-objects.md b/src/roadmaps/flutter/content/116-flutter-internals/100-render-objects.md index a07b1f530..38efdcd4d 100644 --- a/src/roadmaps/flutter/content/116-flutter-internals/100-render-objects.md +++ b/src/roadmaps/flutter/content/116-flutter-internals/100-render-objects.md @@ -5,3 +5,4 @@ RenderObject's can be defined as "Objects" that render and manipulate layouts, s Visit the following resources to learn more: - [RenderObject documentation](https://api.flutter.dev/flutter/rendering/RenderObject-class.html) +- [Get started with RenderObjects - Flutter](https://jasper-dev.hashnode.dev/getting-started-with-renderobjects-in-flutter) \ No newline at end of file diff --git a/src/roadmaps/flutter/content/116-flutter-internals/102-immutability.md b/src/roadmaps/flutter/content/116-flutter-internals/102-immutability.md index cebac1e03..ecadb26e4 100644 --- a/src/roadmaps/flutter/content/116-flutter-internals/102-immutability.md +++ b/src/roadmaps/flutter/content/116-flutter-internals/102-immutability.md @@ -1 +1,9 @@ -# Immutability \ No newline at end of file +# Immutability + +Immutability in Flutter refers to objects that cannot be changed once they are created. In Flutter, immutability is used to ensure that objects in the widget tree are not modified unexpectedly, which can lead to unexpected behavior and bugs in the app. + +In Flutter, objects that represent the state of the app, such as widgets and their properties, are considered immutable. When the state of the app changes, a new object is created to represent the new state, and the widget tree is rebuilt with the updated objects. + +Learn more from the following links: + +- [Immutable data in Flutter](https://dart.academy/immutable-data-patterns-in-dart-and-flutter/) \ No newline at end of file diff --git a/src/roadmaps/flutter/content/116-flutter-internals/3-trees.md b/src/roadmaps/flutter/content/116-flutter-internals/3-trees.md index bb315091b..28de493d9 100644 --- a/src/roadmaps/flutter/content/116-flutter-internals/3-trees.md +++ b/src/roadmaps/flutter/content/116-flutter-internals/3-trees.md @@ -1 +1,10 @@ -# Trees \ No newline at end of file +# Trees + +A tree is a data structure that is used to represent the hierarchy of widgets in a Flutter app. The tree structure allows Flutter to manage the layout, styling, and behavior of the widgets in the app. + +A Flutter app's widget tree is created by composing smaller widgets into larger ones, which are then added to the tree. The root node of the tree represents the entire app, while the other nodes represent individual widgets. + +Learn more from the following links: + +- [Beginning Flutter — Understanding Tree](https://medium.com/@JediPixels/beginning-flutter-understanding-the-widget-tree-3513c94dc356) +- [Tree in Flutter](https://docs.flutter.dev/resources/inside-flutter#tree-surgery) \ No newline at end of file diff --git a/src/roadmaps/flutter/content/116-flutter-internals/index.md b/src/roadmaps/flutter/content/116-flutter-internals/index.md index cff0819a0..b55bbd4e5 100644 --- a/src/roadmaps/flutter/content/116-flutter-internals/index.md +++ b/src/roadmaps/flutter/content/116-flutter-internals/index.md @@ -1 +1,13 @@ -# Flutter internals \ No newline at end of file +# Flutter Internals + +The internal workings of Flutter refer to the underlying mechanisms and architecture that make up the Flutter framework. + +At a high level, Flutter is a reactive framework for building user interfaces, which means that it allows developers to build dynamic, responsive apps that update automatically in response to changes in the state of the app. + +Flutter achieves this by using a unique rendering engine that is based on the Skia graphics library. The rendering engine allows Flutter to render complex animations and graphics with high performance, and it also provides a way for Flutter to manage the layout and size of widgets in the app. + +Visit the following links: + +- [Flutter - Internals](https://www.didierboelens.com/2019/09/flutter-internals/) +- [Overview of Flutter Internals](https://flutter.megathink.com/) +- [Flutter and Dart | Widget & Flutter Internals](https://www.youtube.com/watch?v=FBXMvOmiOLE) \ No newline at end of file