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:
https://github.com/excalidraw/excalidraw.git2. Agua setup
2.1 Sign Up
Open Agua's web editor:
Register with your Google Account.
https://auth.agua.app/signin/
Agua is currently only supported in Google Chrome.
2.2. Terminal installation
Go to the root folder of the Excalidraw repository and run:
npx --yes agua-server
Agua is currently only supported in Node.js 18.
2.3. Welcome to Agua
Platform Tour
Click and access an element's file, component structure, and dependencies.
Visualize component hierarchies and locate Sentry's files.
Visualize component dependencies.
D. Integrated IDE
Edit Sentry's code in our web-based VS Code.
Last updated