# Tech Radar Editor
A web component that allows users to easily create and edit a Tech Radar.
## Who created the Tech Radar?
[ThoughtWorks](https://thoughtworks.com/radar) created the Tech Radar concept, and [Zalando created the visualization](https://opensource.zalando.com/tech-radar/) that is popular today.
## Building the Component
To build the component, you need to have Node.js installed. Clone the repository and run the following commands:
```bash
pnpm install
pnpm build
```
To get it ready to add to NPM or a CDN, run:
```bash
pnpm build
pnpm pack
```
You can then test the package locally.
To publish the component to NPM, run:
```bash
npm login
npm publish
```
## Consume the Component in Plain JavaScript
Include the component in an HTML file:
```html
Tech Radar Editor
```
## Consume the Component in React
In a React project, you can use the web component as you would use any custom HTML element.
First, ensure that the component is imported or included:
```js
// index.js
import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
// Import the component
import "tech-radar-editor";
function App() {
return (
);
}
ReactDOM.render(, document.getElementById("root"));
```
Note: In React, you might need to instruct TypeScript about the custom element. Create a react-app-env.d.ts or a global.d.ts file:
```ts
// react-app-env.d.ts
declare namespace JSX {
interface IntrinsicElements {
"tech-radar-editor": any;
}
}
```