diff --git a/src/roadmaps/flutter/content/115-dev-tools/100-flutter-inspector.md b/src/roadmaps/flutter/content/115-dev-tools/100-flutter-inspector.md index 3dee0ae31..210fb68f3 100644 --- a/src/roadmaps/flutter/content/115-dev-tools/100-flutter-inspector.md +++ b/src/roadmaps/flutter/content/115-dev-tools/100-flutter-inspector.md @@ -1,7 +1,15 @@ -# Flutter inspector +# Flutter Inspector -The Flutter widget inspector is a powerful tool for visualizing and exploring Flutter widget trees. +It is a tool in the Flutter SDK that provides a visual representation of the widget tree in a Flutter app. It allows developers to inspect the widgets in their app, see the properties and styles applied to each widget, and interact with the app in real-time. + +With the Flutter Inspector, developers can: + +1. Debug the widget tree and see how the widgets are laid out. +2. Modify properties of widgets in real-time to see the impact on the app. +3. Inspect the properties and styles of individual widgets, and view any errors or warnings. +4. Measure the performance of the app, including the frame rate and number of widgets. Visit the following resources to learn more: - [Using the Flutter inspector](https://docs.flutter.dev/development/tools/devtools/inspector) +- [How to Use the Flutter Inspector](https://www.youtube.com/watch?v=CcLfGJZS8ns) \ No newline at end of file diff --git a/src/roadmaps/flutter/content/115-dev-tools/102-memory-allocation.md b/src/roadmaps/flutter/content/115-dev-tools/102-memory-allocation.md index 30c461238..7d2db8033 100644 --- a/src/roadmaps/flutter/content/115-dev-tools/102-memory-allocation.md +++ b/src/roadmaps/flutter/content/115-dev-tools/102-memory-allocation.md @@ -1 +1,9 @@ -# Memory allocation \ No newline at end of file +# Memory Allocation + +Memory allocation is the process of reserving a portion of the device's memory for the use of your app. The memory allocation in Flutter is managed by the Dart virtual machine, which uses a garbage collector to automatically manage the memory used by the app. + +In Flutter, the widgets in the app's widget tree represent the state of the app. When the state changes, the widgets are rebuilt and the previous state's memory is automatically collected by the garbage collector. + +Visit the following links: + +- [Using the Memory view](https://docs.flutter.dev/development/tools/devtools/memory) \ No newline at end of file diff --git a/src/roadmaps/flutter/content/115-dev-tools/index.md b/src/roadmaps/flutter/content/115-dev-tools/index.md index 04f245bda..7cdd97a8f 100644 --- a/src/roadmaps/flutter/content/115-dev-tools/index.md +++ b/src/roadmaps/flutter/content/115-dev-tools/index.md @@ -1 +1,16 @@ -# Dev tools \ No newline at end of file +# Dev Tools + +Flutter DevTools is a suite of development tools provided by Flutter to help developers build, test, and debug Flutter apps. The tools include: + +1. CLI: A command-line interface for managing and building Flutter apps. +2. Doctor: A tool for diagnosing Flutter installation issues. +3. Emulator: An emulator for running and testing Flutter apps. +4. Observatory: A performance profiling tool for Flutter apps. +5. Dart DevTools: A browser-based suite of development tools for Dart, including a debugger and performance profiling tools. +6. Hot Reload: A feature that allows developers to see the impact of code changes in real-time. +7. DevTools Extension: A browser extension that provides advanced debugging and performance profiling capabilities for Flutter apps. + +Learn more from the following links: + +- [Flutter - DevTools](https://docs.flutter.dev/development/tools/devtools/overview) +- [Dart DevTools](https://dart.dev/tools/dart-devtools) \ No newline at end of file