Welcome to the Arena
You're about to build custom applications that run inside Dynatrace. Full React apps with their own UI, backend logic, and access to every byte of platform data.
And to prove the platform can handle anything — we start by running DOOM inside it.
Apps vs Extensions
Extensions → collect data (SNMP, APIs → metrics into Dynatrace)
Apps → consume data (React UI → query Grail → display results)
The Architecture
Your App (React+TS in iframe)
├── queries Grail via DQL (metrics, logs, entities)
├── uses Strato Design System (DT's component library)
└── calls App Functions (serverless, 256MB/120s)
💡 If you can build it in React, you can run it in Dynatrace.
🧠 Quick Check
What command creates a new Dynatrace App project?
DQL — The Query Language
One hook, one query, live data:
import { useDql } from "@dynatrace-sdk/react-hooks";
const { data, error, isLoading } = useDql({
query: `timeseries avg(dt.host.cpu.usage), by:{dt.entity.host}, from:-2h`
});
What You'll Build
- Foundations — Setup, first app, DOOM running inside DT
- Data & UI — DQL, Strato components, charts, dashboard
- Advanced — App functions, intents, workflows, deployment
- Boss Level — Complete app from scratch + case studies
Prerequisites
- TypeScript basics (interfaces, async/await)
- React basics (components, hooks, JSX)
- Node.js 22+ (
node --version) - A Dynatrace environment (SaaS or sprint)
🧠 Quick CheckQuestion 2
Which runtime does a Dynatrace App use?
What's Next
Module 1 — Set up the dev environment and scaffold your first project.