Introduction to Recordings

Note: Recordings is early beta software. Contact us at [email protected] with support questions, feedback, or feature requests.

How Recordings works

Once you install Recordings in your codebase, you can make recordings of the inner workings of your application.

When you run your app locally with Recordings installed, you’ll see a button with the CodeSee logo. Click the CodeSee button to start recording, then interact with your app. When you want to stop recording, click the button again.

CodeSee creates a visual execution map called a Data Flow where you can explore all the code that ran in execution order, inspect runtime data, traverse looping operations, and see important side effects like network requests and responses.

You also get a summarized view of the code in the Overview tab. You can note your thoughts and connect commentary directly to the code in the Data Flow using a feature called Stories.

CodeSee currently works with JavaScript and TypeScript web applications and can record data flows on both the frontend and backend (experimental). By default, recordings from your app are hosted securely by CodeSee to be viewed from the web. See CodeSee Local for instructions on hosting your own CodeSee instance.

We're here to help

You can reach us at [email protected] with support questions, feedback, or feature requests.