This package attempts to help you find bad renderers and improve the performance of your blazor app, until (or if) Microsoft gives us an official solution.
📣 If you have used this package and has helped you improve your app but feel like it should have more features, please consider creating an issue.
This package just provides a new webassembly file to use:
- Exposes the browser renderer used by Blazor to track components.
- Intercepts all calls from .net to render.
- Draws a border around every element that is rendered on a canvas. (Just like the standard React Devtools)
- The border color is by default
#f0f0f0and grows warmer the more frequently the element is rerendered.
- Add the nuget package in your Client (wasm) project.
dotnet add package BlazorDevtools
- That's it. Run the app you will see every render of a component be outlined!
Nuget package page can be found here.
TODO!