Start writing React components from Figma Designs

[ovflowd]

This is the issue that requires nodejs/nodejs.org to be already as a monorepo or have a way that we can import the React Components created from there;

We would also need to add the API Docs-specific Components to this repository within the mdx-react generator folder. Layouts (header, footer, navigation) must probably exist within the react-web generator (?).. I assume that a good chunk can be reused from the Node.js Website ones.

The Figma design is available here: https://www.figma.com/design/pu1vZPqNIM7BePd6W8APA5/Node.js?node-id=422-7923

[Avinashshiyani]

I can help you with that

[AugustinMauroy]

Update on that:

• nodejs/nodejs.org as a monorepo
• i18n package
• UI package

Once we've created the UI package, we can open an output suite to create the components.

[avivkeller]

#273 currently requires the following components¹:

• <CircularIcon color={...} symbol={...} />

• <ChangeHistory changes={...} />², where changes is an array of objects in the form:
  { versions: ["vX.Y.Z", "vX.Y.Z"], url: "https://url/to/pr", label: "description of change" }

Footnotes

1. The names, and props they accept, can be changed as needed ↩

2. The styles are similar to <Select /> ↩