-
React Virtual Scroll
React Virtual Scroll 0.5.0 : Render Props
The 0.4.0 release of
react-virtual-scrollfocused on customization. Since then, I’ve learnt a lot from usingVirtualGridandVirtualListas building blocks for myreact-spreadsheetpackage. In particular, I learnt that the custom container component props introduced in 0.4.0 aren’t a good fit with modern React. -
React Spreadsheet
React Spreadsheet: Selection and Focus
I’m about to add support for editing data in my React spreadsheet component. Before I can do that, I need to be able to select the cell I want to edit. Before I can do that, I need to add some grid lines to make it easier to see where the cell boundaries are.
-
React Spreadsheet
Spreadsheets
Spreadsheet Data Model
Last time, we defined a minimal data interface and hooked it up to
VirtualSpreadsheet. Now I need to get a better understanding of the standard spreadsheet data model so that I can flesh out the interface to match. -
React Spreadsheet
TypeScript
Spreadsheet Data Interface
Last time, I got fed up with the hardcoded placeholder content in my react-spreadsheet component. Time to make a start on the spreadsheet data interface that my component will use to retrieve content for display.
-
React Spreadsheet
React Spreadsheet Infinite Scrolling
Last time, I left you feeling rather constrained by my starting spreadsheet size of 100 rows and 26 columns. This is the same starting size as Google Sheets. Like Google Sheets, I could have explicit buttons that add additional rows and columns. However, I don’t like that behavior. The UI acts as if rows and columns were precious, giving them out begrudgingly.
-
React Spreadsheet
Spreadsheets
Spreadsheet Column Naming
Last time, I ported some spreadsheet-ish sample code into my new stub
react-spreadsheetpackage, and called it a spreadsheet. Unsurprisingly, it’s not very good. Time to start iterating. -
React Spreadsheet
Introducing React Spreadsheet
I seem to have spent the past few weeks repeatedly finding reasons not to get my
react-spreadsheetpackage off the ground. That changes today. First, a quick reminder of the big picture. -
Blog
One Hundred Posts
This is my hundredth post to the Candid Startup. As this is a special celebration, make sure you stick around until the end for an amazing free giveaway.
-
Front End
Styling React Components with CSS
I had just started turning my stub
react-spreadsheetpackage into a real one, when I ran into a dilemma. What was I going to do about styling my new spreadsheet component? -
Front End
Vitest Monorepo Setup
I was about to get started turning my stub
react-spreadsheetpackage into a real one, when I noticed a new Vitest related warning from VS Code.