freecodecamp.orgHow to Optimize a Graphical React Codebase — Optimize d3-zoom and dnd-kit CodeMiro 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
ceddlyburge.hashnode.devHow to Scale Elm Views with View TypesIn Elm, there are a lot of great ways to scale the Model, and update, but there is more controversy around scaling the view. A lot of the debate is around Reusable Views versus Components. Components are not recommended, but a lot of people are still...Sep 7, 2024·8 min read
freecodecamp.orgHow to Create a Figma / Miro Style Canvas with React and TypeScriptMiro 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....Mar 16, 2024·13 min read
freecodecamp.orgOpen-Closed Principle – The Software Development Concept Explained in Plain EnglishThere 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...Sep 27, 2021·7 min read
freecodecamp.orgHow to Make Calculation Tests Simpler and More Expressive with These New RefactoringsIt 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...Feb 3, 2021·7 min read
