Excalidraw: Tutorial
In this tutorial, we'll walk through Excalidraw's codebase's components and dependency structure.
Basic Setup
Retrieve all necessary assets from Excalidraw's GitHub and start using Agua.
1. Codebase setup
Fork and clone the GitHub repository locally:
2. Agua setup
2.1 Sign Up
Open Agua's web editor:
Register with your Google Account.
Agua is currently only supported in Google Chrome.
2.2. Terminal installation
Go to the root folder of the Excalidraw repository and run:
Agua is currently only supported in Node.js 18.
2.3. Welcome to Agua
Platform Tour
A. UI Quick Access
Click and access an element's file, component structure, and dependencies.
A. Components Tree
Visualize component hierarchies and locate Sentry's files.
B. Dependencies Tree
Visualize component dependencies.
D. Integrated IDE
Edit Sentry's code in our web-based VS Code.
Last updated