radar-DX.json

[
  {
    "name": "GraphQL",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. GraphQL provides a complete and understandable description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools."
  },
  {
    "name": "Mirage JS",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "API mocking library, no need of backend services, mock data within components."
  },
  {
    "name": "OData",
    "ring": "Hold",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Open Data Protocol (OData) is an open protocol that allows the creation and consumption of queryable and interoperable REST APIs in a simple and standard way. Microsoft initiated OData in 2007"
  },
  {
    "name": "Postman",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Postman is a REST API testing tool."
  },
  {
    "name": "ASP.NET for frontend",
    "ring": "Hold",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "ASP.NET is an open source web framework, created by Microsoft, for building modern web apps and services that run on macOS, Linux, Windows, and Docker. It can be used to build web frontends using Razor."
  },
  {
    "name": "Angular",
    "ring": "Hold",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "A component-based framework for building scalable SPA's.."
  },
  {
    "name": "Azure Core",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "..excerpt also used in technology radar..."
  },
  {
    "name": "Azure API Management",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Azure API Management is a reliable, secure and scalable way to publish, consume and manage APIs running on Microsoft Azure platform. Azure API Management provides all essential tools required for an end-to-end management of APIs. Use it to publish APIs to external, partner, and employee developers securely and at scale."
  },
  {
    "name": "Azure Active Directory",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Azure Active Directory (Azure AD) is a cloud-based identity and access management service."
  },
  {
    "name": "Azure App Configuration",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Azure App Configuration provides a service to centrally manage application settings and feature flags."
  },
  {
    "name": "Azure App Service",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Azure Web Apps is a cloud computing based platform for hosting websites, created and operated by Microsoft. It is a platform as a service which allows publishing Web apps running on multiple frameworks and written in different programming languages."
  },
  {
    "name": "Azure Application Insights",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Application Insights can monitor Azure cloud service apps for availability, performance, failures, and usage by combining data from Application Insights SDKs with Azure Diagnostics data from your cloud services."
  },
  {
    "name": "Azure-CDN",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Azure Content Delivery Network (CDN) is CDN service provided by Azure Cloud Platform that enables in storing and accessing data on different content servers and locations – used by online or cloud services."
  },
  {
    "name": "Azure Functions",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Azure Functions is a cloud service available on-demand that provides all the continually updated infrastructure and resources needed to run your applications. You focus on the pieces of code that matter most to you, and Functions handles the rest. Functions provides serverless compute for Azure."
  },
  {
    "name": "Azure Key Vault",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Azure Key Vault is a cloud service for securely storing and accessing secrets. A secret is anything that you want to tightly control access to, such as API keys, passwords, certificates, or cryptographic keys."
  },
  {
    "name": "Azure Storage",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "The Azure Storage platform is Microsoft's cloud storage solution for modern data storage scenarios. Azure Storage offers highly available, massively scalable, durable, and secure storage for a variety of data objects in the cloud."
  },
  {
    "name": "Azure Static Web Apps",
    "ring": "Trial",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Azure Static Web Apps is a service that automatically builds and deploys full stack web apps to Azure from a code repository. The workflow of Azure Static Web Apps is tailored to a developer's daily workflow. Apps are built and deployed based off code changes."
  },
  {
    "name": "Build Automation",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Build Automation is tooling to automate the build and deployment process."
  },
  {
    "name": "Build Tooling",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Any codebase containing TypeScript and SASS need build tooling to do transpilation and bundling."
  },
  {
    "name": "Code splitting",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "Code splitting is the splitting of code into various bundles or components which can then be loaded on demand or in parallel. As an application grows in complexity or is maintained, CSS and JavaScript files or bundles grow in byte size, especially as the number and size of included third-party libraries increases."
  },
  {
    "name": "Grunt",
    "ring": "Hold",
    "quadrant": "Tools",
    "isNew": false,
    "description": "A build tool from the dark ages."
  },
  {
    "name": "Gulp",
    "ring": "Hold",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Leverage Gulp and the flexibility of JavaScript to automate slow, repetitive workflows and compose them into efficient build pipelines."
  },
  {
    "name": "Lerna",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "A tool for managing JavaScript projects with multiple npm packages."
  },
  {
    "name": "Nx",
    "ring": "Trial",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Next generation build system with first class monorepo support and powerful integrations."
  },
  {
    "name": "TSDX",
    "ring": "Trial",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Zero-config CLI for TypeScript package development."
  },
  {
    "name": "Tree Shaking",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "Tree shaking is a term commonly used in the JavaScript context for dead-code elimination. It relies on the static structure of ES2015 module syntax, i.e. import and export. The name and concept have been popularized by the ES2015 module bundler rollup."
  },
  {
    "name": "TurboRepo",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Turborepo is a high-performance build system for JavaScript and TypeScript codebases."
  },
  {
    "name": "Vite",
    "ring": "Trial",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Vite (French word for "quick", pronounced /vit/, like "veet") is a new breed of frontend build tool that significantly improves the frontend development experience."
  },
  {
    "name": "Webpack",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "The coordinator behind transpilation, minification and obfuscation. Client-side bundles CRA2 where possible, server-side bundles custom webpack configuration."
  },
  {
    "name": "Yarn",
    "ring": "Hold",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Yarn is a package manager that doubles down as project manager. Whether you work on one-shot projects or large monorepos, as a hobbyist or an enterprise user, we've got you covered. Note that npm/yarn move in same pace - choose npm if possible, use yarn otherwise."
  },
  {
    "name": "npm",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "npm is the package manager for the Node JavaScript platform. It puts modules in place so that node can find them, and manages dependency conflicts intelligently. It is extremely configurable to support a wide variety of use cases. Most commonly, it is used to publish, discover, install, and develop node programs."
  },
  {
    "name": "CSharp",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "C# is a general-purpose, multi-paradigm programming language. C# encompasses static typing, strong typing, lexically scoped, imperative, declarative, functional, generic, object-oriented (class-based), and component-oriented programming disciplines."
  },
  {
    "name": "ESLint",
    "ring": "Hold",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Find and fix problems in your JavaScript and TypeScript code."
  },
  {
    "name": "PHPLint",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "<code>phplint</code> is a tool that can speed up linting of php files by running several lint processes at once."
  },
  {
    "name": "Sonarcloud",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "SonarCloud helps you assess your code health and build applications with clean, safe code. Get fast and precise feedback in the cloud."
  },
  {
    "name": "Ag Grid",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "AG Grid is a fully-featured and highly customizable JavaScript data grid. It delivers outstanding performance, has no 3rd party dependencies and integrates smoothly with React as React Component."
  },
  {
    "name": "Bootstrap",
    "ring": "Hold",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Bootstrap is a popular CSS Framework for developing responsive and mobile-first websites. Bootstrap 5 is the newest version of Bootstrap. Still the number 1 library for web UI&apos;s, especially useful for administrative screens."
  },
  {
    "name": "Fluent UI",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Fluent UI is a collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior. It is created by Microsoft and used in all Microsoft tooling like Teams, PowerApps, Office tools."
  },
  {
    "name": "Formik",
    "ring": "Hold",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "React form builder, prefer react-hook-form or react-json-schema-form over Formik."
  },
  {
    "name": "Ionic framework",
    "ring": "Assess",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Mobile app framework where developer can choose between React, Angular and Vue.js implementations."
  },
  {
    "name": "Material UI",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "React UI framework (MUI) with standard set of components."
  },
  {
    "name": "React forms",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Performant, flexible and extensible forms with easy-to-use validation using React Hooks."
  },
  {
    "name": "React JSON Schema Form",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "A React component capable of using JSON Schema to declaratively build and customize web forms."
  },
  {
    "name": "Content as a service",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "JSS, Netlify-CMS, BLS..."
  },
  {
    "name": "Create React App",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "React project scaffolder. Set up a modern web app by running one command."
  },
  {
    "name": "D3.js",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "The library for advanced data visualization and animation."
  },
  {
    "name": "DOTNET Core 6",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "..excerpt also used in technology radar..."
  },
  {
    "name": "Day.js",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "The library to use as minimal replacement for Moments.js."
  },
  {
    "name": "Moment.js",
    "ring": "Hold",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "The date/time formatting library of the past. Refactor this library out of your code-base when possible."
  },
  {
    "name": "date-fns",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "The library to use for I18n internationalization date/time formatting."
  },
  {
    "name": "Deno",
    "ring": "Assess",
    "quadrant": "Tools",
    "isNew": false,
    "description": "JavaScript/TypeScript runtime built in Rust, secure, supports TypeScript out of the box"
  },
  {
    "name": "Dev containers",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "Developing inside a container to ensure an equal development environment for all developers."
  },
  {
    "name": "DDEV",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "DDEV is an open source tool that makes it dead simple to get local PHP development environments up and running within minutes by utilizing Docker containers."
  },
  {
    "name": "VSCode Dev Containers",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Use VSCode together with a Docker container as a full-featured development environment."
  },
  {
    "name": "Docker containers",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "For unit of deployment, linux, Azure Web Apps / kubernetes"
  },
  {
    "name": "ESNext",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "The new version of JavaScript with way more powerful language constructs."
  },
  {
    "name": "ElasticSearch",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Elasticsearch is a distributed, free and open search and analytics engine for all types of data, including textual, numerical, geospatial, structured, and unstructured. Cloud based version available on Azure. Dutch company."
  },
  {
    "name": "Full Stack devs",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "Don&apos;t be scared of install complete platform and edit Razor views"
  },
  {
    "name": "Gatsby",
    "ring": "Hold",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Gatsby is an open-source framework that combines functionality from React, GraphQL and Webpack into a single tool for building static websites and apps"
  },
  {
    "name": "Git",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency."
  },
  {
    "name": "Google Analytics",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Google Analytics lets you measure your advertising ROI as well as track your Flash, video, and social networking sites and applications."
  },
  {
    "name": "Google Tag Manager",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Google Tag Manager is a tag management system (TMS) that allows you to quickly and easily update measurement codes and related code fragments collectively known as tags on your website or mobile app."
  },
  {
    "name": "HTML5",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content."
  },
  {
    "name": "HTTP2",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "Loading multiple small bundles at high speed"
  },
  {
    "name": "Image optimization as a service",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "Use image services like Kraken, Cloudinary or ContentHub to optimize images, and act as a CDN for images."
  },
  {
    "name": "Internationalization",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "FormatJS (react-intl)"
  },
  {
    "name": "JAMStack",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "JAMStack is the new standard for web architecture, CDN, Microservices."
  },
  {
    "name": "JavaScript 5",
    "ring": "Hold",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "JavaScript 5 is the &quot;old&quot; version of JavaScript as currently supported by browsers (mostly JavaScript 5)."
  },
  {
    "name": "Jest",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Testing library to describe your test."
  },
  {
    "name": "KeystoneJS",
    "ring": "Assess",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Keystone helps you build faster and scale further than any other CMS or App Framework. Just describe your schema, and get a powerful GraphQL API &amp; beautiful Management UI for content and data."
  },
  {
    "name": "Next.js",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Next.js gives you the best developer experience with all the features you need for production: hybrid static &amp; server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed."
  },
  {
    "name": "Node.js",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Node.js is a single-threaded, open-source, cross-platform runtime environment for building fast and scalable server-side and networking applications. It runs on the V8 JavaScript runtime engine, and it uses event-driven, non-blocking I/O architecture, which makes it efficient and suitable for real-time applications."
  },
  {
    "name": "OAuth 2.0",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "OAuth 2.0, which stands for &#x201C;Open Authorization&#x201D;, is a standard designed to allow a website or application to access resources hosted by other web apps on behalf of a user."
  },
  {
    "name": "PHP",
    "ring": "Hold",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "PHP is a popular general-purpose scripting language that is especially suited to web development.\nFast, flexible and pragmatic, PHP powers everything from your blog to the most popular websites in the world."
  },
  {
    "name": "PWA",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "Progressive Web Apps help developers provide native-app qualities in web applications that are reliable, fast, and engaging."
  },
  {
    "name": "Production First and CICD",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "Azure DevOps - pipelines"
  },
  {
    "name": "React Testing Library",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "A set of helpers that let you test React components without relying on their implementation details."
  },
  {
    "name": "React-router",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "React Router is a fully-featured client and server-side routing library for React, a JavaScript library for building user interfaces."
  },
  {
    "name": "React",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "React is a JavaScript library for building user interfaces. It&apos;s our choice as view library for building websites and web applications."
  },
  {
    "name": "Remix",
    "ring": "Assess",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Remix is a full stack web framework that lets you focus on the user interface and work back through web fundamentals to deliver a fast, slick, and resilient user experience."
  },
  {
    "name": "SEO",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "Technical SEO - Schema.org, JSON-LD, OpenGraph, ..."
  },
  {
    "name": "SVG",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Scalable Vector Graphics - the solution for resolution independent graphics."
  },
  {
    "name": "Serverless",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "Serverless computing: Azure Functions, Netlify Functions"
  },
  {
    "name": "Service workers",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "event-driven scripts that run independently of web pages (fe. push notifications), programmable network proxy."
  },
  {
    "name": "Sitecore",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Sitecore as a company is a strategic partner for Macaw. When talking about Sitecore, Macaw is talking mostly about the CMS.The relevant part of the Sitecore CMS for DX is Sitecore XM."
  },
  {
    "name": "Sitecore Experience Edge",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Headless content delivery, available with Content Hub or Sitecore XM (Cloud)."
  },
  {
    "name": "Sitecore JSS",
    "ring": "Adopt",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "To use Sitecore as a headless platform. Use the Sitecore JavaScript Rendering SDK in combination with Next.js."
  },
  {
    "name": "Sitecore SXA",
    "ring": "Hold",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "This was the prefered platform for out of the box Sitecore implementations."
  },
  {
    "name": "Solr",
    "ring": "Hold",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "Solr is the popular, blazing-fast, open source enterprise search platform built on Apache Lucene."
  },
  {
    "name": "Stencil.js",
    "ring": "Hold",
    "quadrant": "Languages and Frameworks",
    "isNew": true,
    "description": "Stencil.js is a web component compiler that allows developers to create reusable, composable components for the web using modern web standards such as TypeScript, JSX, and CSS Variables."
  },
  {
    "name": "Storybook",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Show your components in isolation and out of context."
  },
  {
    "name": "CSS",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents."
  },
  {
    "name": "LESS",
    "ring": "Hold",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "It&apos;s CSS, with just a little more. Favor SASS over LESS."
  },
  {
    "name": "PostCSS",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Transform CSS with the power of JavaScript. Auto-prefixing, future CSS syntaxes, modules, linting and more are possible with hundreds of PostCSS plugins."
  },
  {
    "name": "Radix-UI",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": true,
    "description": "Radix UI: A low-level UI primitive toolkit for building accessible design systems without sacrificing style."
  },
  {
    "name": "SASS",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "SASS stands for Syntactically Awesome Style Sheets. SASS is a CSS extension language, and is completely compatible with all versions of CSS."
  },
  {
    "name": "TailwindCSS",
    "ring": "Trial",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup."
  },
  {
    "name": "Vanilla Extract",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": true,
    "description": "Vanilla Extract: A type-safe CSS-in-JS solution offering themes, variables, and styles through TypeScript."
  },
  {
    "name": "TYPO3",
    "ring": "Hold",
    "quadrant": "Platforms",
    "isNew": false,
    "description": "TYPO3 CMS is an Open Source Enterprise Content Management System in the PHP eco-system."
  },
  {
    "name": "Terminal",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Commandline tooling, CLI&apos;s"
  },
  {
    "name": "Vitest",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Testing library to describe your test. When you add jest-dom you can use Jest assertions."
  },
  {
    "name": "TypeScript",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "TypeScript is JavaScript with syntax for types. TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale."
  },
  {
    "name": "UI Testing",
    "ring": "Trial",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "In UI Testing an automated end-to-end testing framework is used to validate web applications across different browsers and platforms."
  },
  {
    "name": "Adobe XD",
    "ring": "Hold",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Used to deliver designs."
  },
  {
    "name": "Axure",
    "ring": "Hold",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Used to deliver wireframes and mockups. Mostly provided as a web based link to the developer."
  },
  {
    "name": "Figma for developers",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Figma is a web-based graphics editing and user interface design app."
  },
  {
    "name": "InVision for developers",
    "ring": "Hold",
    "quadrant": "Tools",
    "isNew": false,
    "description": "InVision is a prototyping tool created for designers, by designers. It allows you to quickly and easily create interactive mockups for your designs."
  },
  {
    "name": "Sketch for developers",
    "ring": "Hold",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Sketch is the all-in-one platform for digital design &#x2014; with collaborative design tools, prototyping and developer handoff."
  },
  {
    "name": "Zeplin",
    "ring": "Hold",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Used to deliver Sketch or Adobe DX designs on the web. Mostly provided as a web based link to the developer."
  },
  {
    "name": "Unit tests",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "Unit tests are typically automated tests written and run by software developers to ensure that a section of an application (known as the &quot;unit&quot;) meets its design and behaves as intended."
  },
  {
    "name": "Visual Studio Code",
    "ring": "Adopt",
    "quadrant": "Tools",
    "isNew": false,
    "description": "Visual Studio Code is a free coding editor that helps you start coding quickly. Use it to code in any programming language, without switching editors."
  },
  {
    "name": "VueJS",
    "ring": "Hold",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Progressive JavaScript Framework for building websites and web applications."
  },
  {
    "name": "WSL for full-stack development",
    "ring": "Adopt",
    "quadrant": "Techniques",
    "isNew": true,
    "description": "WSL for full-stack development: Leveraging the Windows Subsystem for Linux to facilitate full-stack development workflows on Windows."
  },
  {
    "name": "A11Y and ARIA",
    "ring": "Trial",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "Accessibility, Adobe React Aria"
  },
  {
    "name": "Web Assembly",
    "ring": "Trial",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "WebAssembly is a new type of code that can be run in modern web browsers &#x2014; it is a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as C/C++, C# and Rust with a compilation target so that they can run on the web. It is also designed to run alongside JavaScript, allowing both to work together."
  },
  {
    "name": "Web Components",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Already using it in projects, see StencilJS as framework. Great alternative way of working with components in Sitecore SXA"
  },
  {
    "name": "Web workers",
    "ring": "Trial",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "Run scripts in background threads independently of user-interface scripts, they can perform I/O using XMLHttpRequest."
  },
  {
    "name": "Websockets",
    "ring": "Trial",
    "quadrant": "Techniques",
    "isNew": false,
    "description": "Two way real-time communication between the user&apos;s browser and the server."
  },
  {
    "name": "jQuery",
    "ring": "Hold",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "As we all know, jQuery was a necessity with browsers of the past. Don&apos;t start another project with jQuery, except when innevitable on for example commerce projects or projects with out-of-the-box components that are already written using jQuery."
  },
  {
    "name": "React-Query",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Performant and powerful data synchronization for React. Fetch, cache and update data in your React and React Native applications all without touching any &quot;global state&quot;."
  },
  {
    "name": "Redux",
    "ring": "Adopt",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "Much the same as React, Redux is likewise a library which is generally used for front-end. It is a fundamental tool for overseeing both data state and UI-state in JavaScript applications."
  },
  {
    "name": "XState",
    "ring": "Trial",
    "quadrant": "Languages and Frameworks",
    "isNew": false,
    "description": "JavaScript/TypeScript state machine, declarative description of application behavior."
  }
]