---
title: "Discussion on \"How to Optimize a Graphical React Codebase — Optimize d3-zoom and dnd-kit Code\" | Hashnode"
description: "Discussion on \"How to Optimize a Graphical React Codebase — Optimize d3-zoom and dnd-kit Code\". Miro and Figma are online collaborative canvas tools that became very popular during the pandemic. Instead of using sticky notes on a physical wall, you can add a virtual post—and an array of other things—to a virtual canvas. This lets teams collabor..."
url: "https://hashnode.com/posts/how-to-optimize-a-graphical-react-codebase/68f0e6e94d664bb368c83f39"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How to Optimize a Graphical React Codebase — Optimize d3-zoom and dnd-kit Code](https://freecodecamp.org/news/how-to-optimize-a-graphical-react-codebase?utm_source=hashnode&utm_medium=feed)

Miro and Figma are online collaborative canvas tools that became very popular during the pandemic. Instead of using sticky notes on a physical wall, you can add a virtual post—and an array of other things—to a virtual canvas. This lets teams collabor...

Oct 16, 2025 · 10 min read · freecodecamp.org  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#optimization](https://hashnode.com/tag/optimization)
-   [#performance](https://hashnode.com/tag/performance)

## Written by

[Cedd Burge](https://hashnode.com/@ceddlyburge)

@ceddlyburge

  
[View profile](https://hashnode.com/@ceddlyburge)

Software developer

## Responses

Markdown supported · ⌘↵ to post

No responses yet.