Meet LiveDebugger - a simple browser-based tool for debugging LiveView applications.
What's new:
✅ Improved asssigns inspections and tracking
✅ LiveView Resource Usage Page
✅ Async loading & Stream debugging
✅ Dead LiveViews
00:00 – 00:05 Intro
00:05 – 00:29 Refined assignes section
00:30 – 00:39 Resource usage of LiveView process
00:40 – 00:49 Preview the diffs that your LiveView sends to the browser
00:50 – 00:58 More LiveView insights
With LiveDebugger, you can:
🌳 See your LiveComponents tree:
Explore your application’s structure at a glance.
🔎 Inspect assigns:
Check the data of any LiveView or LiveComponent in real time.
📈 Trace and filter callback executions:
Follow lifecycle callbacks, measure execution time, and analyze performance.
🕵️ Inspect elements:
Click on UI elements to reveal which component created them and instantly see how your full interface is structured.
Get LiveDebugger: https://l.swmansion.com/3Fz3tt
See GitHub repo: https://l.swmansion.com/uVD54g
❓Have feedback or feature idea? Let us know here: https://l.swmansion.com/AwkHv4
#LiveDebugger #LiveView #elixir #phoenix #debugger
