--- title: "Cedd Burge (@ceddlyburge) | Hashnode" description: "Software developer. Read the latest articles by Cedd Burge on Hashnode." url: "https://hashnode.com/@ceddlyburge" --- @ceddlyburge # Cedd Burge @ceddlyburge · Joined December 2021 Software developer [Website](https://medium.com/@cuddlyburger) ### [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... 10 min read · [freecodecamp.org](https://freecodecamp.org/news/how-to-optimize-a-graphical-react-codebase?utm_source=hashnode&utm_medium=feed) [Oct 16, 2025](https://hashnode.com/posts/how-to-optimize-a-graphical-react-codebase/68f0e6e94d664bb368c83f39) ### [How to Scale Elm Views with View Types](https://ceddlyburge.hashnode.dev/how-to-scale-elm-views-with-view-types?utm_source=hashnode&utm_medium=feed) A concept to help Elm Views scale as applications grow larger and more complicated. 8 min read · [ceddlyburge.hashnode.dev](https://ceddlyburge.hashnode.dev/how-to-scale-elm-views-with-view-types?utm_source=hashnode&utm_medium=feed) [Sep 7, 2024](https://hashnode.com/posts/how-to-scale-elm-views-with-view-types/66dca7894bab5029ce1072b7) ### [How to Create a Figma / Miro Style Canvas with React and TypeScript](https://freecodecamp.org/news/how-to-create-a-figma-miro-style-canvas-with-react-and-typescript?utm_source=hashnode&utm_medium=feed) Miro and Figma are online collaborative canvas type tools that became very popular during the pandemic. Instead of sticking post it notes on a physical wall, you can now add virtual post its (and a dizzying array of other things) to a virtual canvas.... 13 min read · [freecodecamp.org](https://freecodecamp.org/news/how-to-create-a-figma-miro-style-canvas-with-react-and-typescript?utm_source=hashnode&utm_medium=feed) [Mar 16, 2024](https://hashnode.com/posts/how-to-create-a-figma-miro-style-canvas-with-react-and-typescript/66bb925d867a396452a80288) ### [Open-Closed Principle – The Software Development Concept Explained in Plain English](https://freecodecamp.org/news/open-closed-principle?utm_source=hashnode&utm_medium=feed) There are many articles about the Open-Closed Principle, but I can never find one that explains it in a way that really works for me. So here, hopefully, is a good one – with a non trivial and real life example, what changes to support, and a descri... 7 min read · [freecodecamp.org](https://freecodecamp.org/news/open-closed-principle?utm_source=hashnode&utm_medium=feed) [Sep 27, 2021](https://hashnode.com/posts/open-closed-principle/66bb926e0eaca026d8cfa5f4) ### [How to Make Calculation Tests Simpler and More Expressive with These New Refactorings](https://freecodecamp.org/news/how-to-test-complicated-calculations-new-refactoring?utm_source=hashnode&utm_medium=feed) It is a good idea to make tests as descriptive as possible – to achieve Tests as Documentation. Including the calculations in the test is a big part of this, and avoids the Hard Coded Test Data smell. For example, if a test looks like this, it is har... 7 min read · [freecodecamp.org](https://freecodecamp.org/news/how-to-test-complicated-calculations-new-refactoring?utm_source=hashnode&utm_medium=feed) [Feb 3, 2021](https://hashnode.com/posts/how-to-test-complicated-calculations-new-refactoring/66bb9264fce17a7d99885305)