-
Front End
InfiniSheet
Bootstrapping a Lerna Monorepo
So far, all the front-end development work I’ve done has been in the repo I created when bootstrapping Vite. It’s starting to feel a little restrictive.
-
React Virtual Scroll
Modern React Virtual Scroll Grid 9 : Fixing SlickGrid
Last time we integrated SlickGrid’s paged scrolling system and found that it came really close to working well.
-
React Virtual Scroll
Modern React Virtual Scroll Grid 8 : Unlimited Power!
I started on this journey when I couldn’t find an existing grid control that supports millions of rows and columns. Now I’m finally ready to integrate SlickGrid’s paged scrolling system. SlickGrid supports a virtually unlimited number of rows (but not columns).
-
React Virtual Scroll
Modern React Virtual Scroll Grid 7 : Grid
So far I’ve written six articles in this “Modern React Virtual Scroll Grid” series, with a four article detour into unit testing my work, all without attempting to make a grid. That changes today.
-
React Virtual Scroll
Modern React Virtual Scroll Grid 6 : ScrollTo
Now that we’ve got unit testing set up and achieved good coverage with our initial tests, it’s time to go back to the plan and implement the next feature on the list. This time we’re looking at providing
ScrollToandScrollToItemmethods for our virtual list control. -
Front End
Vitest Mocking Time
Last time we achieved a significant increase in code coverage by unit testing the effect of scroll events. As a reminder, here’s what our coverage looked like when we finished up.
-
Front End
Vitest with User Events
Last time we got Vitest’s code coverage tools up and running. Now I’m going to use the code coverage results to drive improvements to my unit test suite. As we go through this process, I’ll need to lean on additional Vitest and React Testing Library features.
-
Front End
Vitest Code Coverage
We’ve got Vitest up and running and have written a few simple tests to check that everything’s working. Today I’m going to look at Vitest’s code coverage story. Code coverage tools provide a useful set of metrics for determining how much of your source code is actually being tested by your test suite.
-
Front End
Bootstrapping Vitest
Last time I reached a level of complexity in my project building a modern react scalable virtual scrolling grid control that I could no longer put off implementing unit tests.
-
React Virtual Scroll
Modern React Virtual Scroll Grid 5 : Is Scrolling
Next up on my list of features to implement is a
useIsScrollingcustom hook. It should be a good test of hook composition as I want to use it in conjunction with theuseVirtualScrollhook I’ve already implemented.