Tech radar

The Dynatrace Tech Radar is a comprehensive and visualized guide on the latest trends, tools, and best practices within the Dynatrace AppEngine community, helping developers and teams make informed decisions.

• ADOPT — Battle-tested technologies in production environments and at large scale. Everything in this ring is a solid choice, proven low-risk, and mature.
• TRIAL — Technologies that are more risky and not as proven as those in the ADOPT ring. Use with discretion to confirm benefits or unveil limitations.
• ASSESS — Technologies worth keeping an eye on. Usually brand new or unproven, we recommend a thorough assessment before adopting.
• HOLD — Technologies we have tried with little success or think are not worth further investing in. Avoid using technologies in this ring for new projects.

techniques

adopt

1. Design Tokens
   Design tokens are the primitive pieces for a design language and system. Use them to share information across various channels and user groups. They help create a cohesive experience.
2. Compound components patternBuilding React components using this pattern allows for easy composition with a clear connection between the smaller parts of your components.
3. API proposals & RFC documentsUse API proposals and RFC (Request for Comment) documents to gather early feedback about new features.
4. Inner source approachesFollow inner source approaches like using RFCs (Request for Comment) or enabling contributions with clear contribution guidelines in your repositories or projects. This allows colleagues to weigh in and help scale the project.

trial

5. MonoreposA monorepo is a single repository containing multiple distinct projects with well-defined relationships.

assess

(empty)

hold

(empty)

tools

adopt

6. npm
   Package manager for the Node.js ecosystem. Widely used across the industry.
7. changesets
   A tool to manage versioning and changelogs focusing on monorepos. Handles complex scenarios during releasing, cross-package dependencies, multiple changelogs, and changesets affecting multiple packages.
8. Nx
   Extensible build system geared towards monorepos, with a long list of integrations.
9. React Testing Library
   Testing library focused on testing components and apps from a user's perspective.
10. Jest
    A JavaScript unit testing framework.
11. Playwright
    End-to-end testing framework.

trial

(empty)

assess

12. Vitest
    A fast and modern unit testing framework. Alternative to Jest.

hold

13. TestCafe
    End-to-end testing framework.

platforms

adopt

14. Dynatrace App Toolkit
    The Dynatrace App Toolkit allows you to conveniently interact with the Dynatrace AppEngine. It provides a local development environment, authentication for your tenant, and helpers for building, testing, and deploying your apps.
15. Dynatrace Apps VSCode Extension
    Extension to the Dynatrace App Toolkit for a more convenient developer experience.
16. Dynatrace SDK
    The Dynatrace SDK packages provide access to the Dynatrace Platform.
17. Strato Design System
    The Dynatrace Strato Design System enables the quick development of applications on the Dynatrace App Engine. It has a rich set of components engineered to make apps fast, accessible, and have a great user experience.
18. Dynatrace Grail
    Grail is the Dynatrace database designed explicitly for observability and security data. It acts as a single unified storage solution for logs, metrics, traces, events, and more. All data stored in Grail is interconnected within a real-time model that reflects the topology and dependencies within a monitored environment.
19. App functions
    Use app functions in your apps to extend their functionality. The Dynatrace platform provides the infrastructure and runtime.
20. Jenkins
    An open source automation server that enables developers worldwide to build, test, and deploy their software reliably.
21. Snyk
    Snyk is a developer security platform that integrates directly into development tools, workflows, and automation pipelines

trial

(empty)

assess

(empty)

hold

(empty)

languages & frameworks

adopt

22. Dynatrace Query Language (DQL)
    Dynatrace Query Language (DQL) is a powerful tool to explore your data and discover patterns, identify anomalies and outliers, create statistical modeling, and more based on data stored in Dynatrace Grail.
23. React
    A JavaScript library for building user interfaces, and the library of choice for the Dynatrace AppEngine.
24. React Query
    Powerful asynchronous state management for React.
25. Zustand
    A small, fast and scalable barebones state management solution using simplified flux principles.
26. TypeScript
    TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
27. Zod
    TypeScript-first schema validation with static type inference. Zod is a great way to ensure that results from external APIs are valid. Use it when you often need to work with external APIs. If you communicate with your own backend or the Dynatrace APIs, you can rely on types instead.
28. date-fns
    JavaScript date library for manipulating JavaScript dates in a browser and Node.js

trial

29. Jotai
    Primitive and flexible state management for React.
30. React Flow
    JavaScript library for building Node-based visualizations in React.
31. D3
    JavaScript library for building data driven visualizations. Use it in combination with React to generate SVG or Canvas-based visualizations.

assess

32. CSS modules
    Locally scoped class and animation names in CSS. Use them for apps that require few styles on top of the Strato design system. Alternatively, consider importing CSS files if you don't need local scoping.
33. Tailwind
    Utility-first CSS framework.
34. Vanilla Extract
    Zero-runtime stylesheets in TypeScript. Extracted at build time. Type-safe CSS. Use when creating complex apps, and more extensive styles are required.

hold

35. Redux
    Redux is a predictable state container for JavaScript apps fallen out of favor in the community due to the amount of boilerplate. Opt for smaller more flexible state management libraries like Zustand or Jotai.
36. Emotion CSS
    Powerful CSS-in-JS library. Prefer libraries with less runtime impact.
37. styled-components
    Powerful CSS-in-JS library. Prefer libraries with less runtime impact.