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.

Fork and clone the GitHub repository locally:

https://github.com/excalidraw/excalidraw.git

Open Agua's web editor:
Register with your Google Account.

https://auth.agua.app/signin/

Agua is currently only supported in Google Chrome.

Go to the root folder of the Excalidraw repository and run:

npx --yes agua-server

Agua is currently only supported in Node.js 18.

Click and access an element's file, component structure, and dependencies.

Visualize component hierarchies and locate Sentry's files.

Visualize component dependencies.

Edit Sentry's code in our web-based VS Code.

Last updated 3 months ago