-
React Virtual Scroll
Modern React Virtual Scroll Grid 4 : JSX
Last time I implemented a scalable binding interface and demonstrated an implementation for variable sized items. I was seemingly poised to complete the basic functionality for my list control and move onto grids. Then I got distracted.
-
React Virtual Scroll
Modern React Virtual Scroll Grid 3 : Item Offset Mapping
Last time, we created the basic structure for our scalable virtual scrolling controls built with modern React and TypeScript. The next job is to put a scalable data binding interface in place. We want the rendering costs for our controls to be proportional to the number of visible items, rather than the total number of items being scrolled over. We can’t control how the data and metadata being displayed is retrieved and managed, but we can make sure that the interface we provide is as efficient as possible.
-
React Virtual Scroll
Modern React Virtual Scroll Grid 2 : Basic Structure
I have a plan, I just need to start executing. Where to start? As you may have realized by my ratio of “writing about coding” vs “actually coding”, I have a tendency towards analysis paralysis. The solution that works for me is to pick a small but meaningful subset of what I want to achieve, get it working with a minimum of fuss, then iterate from there to add functionality and clean up any shortcuts.
-
React Virtual Scroll
Modern React Virtual Scroll Grid
Time to go again. I’ve learnt a lot about how best to implement virtual scrolling in React. I’ve got my head round modern React with Hooks. Now I’m going to implement my own super scalable virtual scrolling grid control using modern React with Typescript.
-
Gear
Marmalade
Marmalade is a fruit preserve made from the juice and peel of citrus fruits boiled with sugar and water. Despite originating in Portugal, and most commonly made from Spanish Seville oranges, marmalade is now seen as a peculiarly British obsession. And in Britain, January is the month to make marmalade.
-
Front End
Modern React With Hooks
I first came across the phrase “modern React with Hooks” when reading the React team’s blog post that introduced the new React documentation site. The documentation had been completely rewritten to focus on modern React, with any mention of class components relegated to a legacy API reference section.
-
Autodesk
Navisworks
Computer Graphics
Autodesk Viewer SVF File Format
SVF is the native format for the Autodesk Viewer. As well as the standalone web app, the viewer is embedded in other Autodesk web apps like Construction Cloud, desktop products with components that use web technology like Fusion, and available as an SDK for third parties to integrate into their web apps.
-
Blog
Autodesk
Legal Jeopardy
A few weeks ago I received a LinkedIn message from a former colleague at Autodesk. Nothing unusual about that. It’s always a pleasure to reconnect with old acquaintances and catch up with their news.
-
AWS
AWS re:Invent 2023
It’s that time of year again. Just like last year, I’m going to use the week after re:Invent to binge on recorded sessions at 1.5X speed, and share my thoughts with you.
-
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.