DevTools extension

Now you can integrate Reactter into the DevTools tooling suite as an extension to inspect states and dependencies in the finest detail.

Enable the extension

Note

Ensure that you have the Reactter installed in your project before enabling the extension.

To install the Reactter DevTools extension, you need to follow these steps:

• Open the DevTools in your browser. Visit the official documentation to learn how to open the DevTools in your browser.

• Go to the Extensions tab.

• Click on the “Enable” button on the Reactter DevTools extension.

Once you have enabled the Reactter DevTools extension, you can start using it here.

Usage

To use the Reactter DevTools extension, it is necessary to call Rt.initializeDevTools in your main file.

main.dart

import 'package:reactter/reactter.dart';

void main() {
  Rt.initializeDevtools();
  runApp(MyApp());
}

Tip

Use debugLabel and debugInfo property in your states and dependencies for better visualization in the DevTools extension.