-
React Virtual Scroll
React Virtual Scroll Grid 5 : What Next?
It turns out that implementing a grid control capable of scrolling over millions of rows and columns is much harder than I thought. The grid is virtualized, so the browser only has to deal with the cells visible in the viewport. Right now, there’s no data. The content of each cell is generated on the fly.
-
React Virtual Scroll
Spreadsheets
React Virtual Scroll Grid 4 : Big Grid
After a long trip down the rabbit hole, I have two working implementations of a React based virtual scrolling list. No flicker, no going blank while scrolling.
-
React Virtual Scroll
React Virtual Scroll Grid 3 : Binary Chop
We’re on a journey, trying to find out why our simple React virtual scrolling list flickers and goes blank while you’re dragging the scroll handle. Last time, we ended when we found react-window, a mature library of virtual scrolling components that didn’t have any rendering problems when scrolling.
-
React Virtual Scroll
React Virtual Scroll Grid 2 : Down the Rabbit Hole
Last time I left you with a cliff hanger. Why is my simple virtualized scrolling list going blank if you scroll it too fast? I had some theories. Time to apply the scientific method and see which ones stand up.
-
React Virtual Scroll
React Virtual Scroll Grid
Last time, I bootstrapped Vite and scaffolded a React+Typescript project from a template. The observant amongst you will have noticed that I called the project “react-virtual-scroll-grid”. It may have had React in it, but there was no sign of any virtual scrolling grid.
-
Navisworks
Computer Graphics
Navisworks File Formats
Recently, I’ve become aware of just how many different CAD/BIM design review file formats are out there. Autodesk has Navisworks and SVF, and before that DWF. Bentley has iModels. There are lots of smaller third parties with their own formats. I’m thinking of things like dotbim, VIM, Speckle and Resolve. And now, there’s lots of noise around OpenUSD as the new do everything format for large scale 3D models.
-
Front End
Bootstrapping Vite
I’m ready to dive into front-end development. First, I need to make some choices. What tooling and frameworks should I use?
-
Cloud Architecture
The Seven Rules of Multi-Tenant Systems
I spent ten years of my career working on the architecture of multi-tenant systems. That’s enough time to make and witness a lot of mistakes. I’ve learnt a lot. Now it’s time to distill the benefits of that learning into what I like to call the Seven1 Rules of Multi-Tenant Systems.
-
It’s actually sixteen rules divided into seven categories but that doesn’t sound as snappy ↩
-
-
Front End
Spreadsheets
React Virtual Scroll
Paged Infinite Virtual Scrolling
I’m working on a cloud spreadsheet system. It will support spreadsheets with millions of rows and columns. Potentially far more data than will fit into client memory, particularly a web client. Which means I need a front end implementation that can handle that.
-
Cloud Architecture
Spreadsheets
Consistency for Event Sourced Systems
I’m a big fan of Event Sourced systems. I have a whole series of posts on implementing a cloud spreadsheet using event sourcing. However, so far, I’ve mostly waved my hands and told you that everything is wonderful.