Articles
Building Excel-like spreadsheets in React and Vue — performance, formulas, xlsx round-tripping, and ReoGrid Web release notes.
-
· unvell teamReoGrid Web vs AG Grid vs Handsontable — picking the right grid
An honest comparison of the three main JavaScript grid libraries from the ReoGrid team's perspective: where each one fits, what their tradeoffs are, and how to decide which one your project actually needs.
#comparison #ag-grid #handsontable #spreadsheet #data-grid #react #vue -
· unvell teamBuilding a React invoice with editable formulas in ~60 lines
A real React invoice component: editable quantities and unit prices, automatic line subtotals via formulas, SUM, tax, total — all in a single canvas-backed spreadsheet. The math updates in real time. Users can export to xlsx (Pro).
#react #tutorial #formula #invoice #spreadsheet -
· unvell teamImporting real Excel files in the browser — no upload, no server
Drag an .xlsx file onto a web page, render it in a spreadsheet UI with cell styles, merges, borders, freeze panes, and formulas preserved. No backend, no SheetJS, no progress modals — and it loads a 440k-cell file in 3.7 seconds.
#xlsx #excel #react #vue #file-api #performance -
· unvell teamRendering 10,000 rows in the browser — how ReoGrid Web stays at 60fps
A canvas-based spreadsheet doesn't have a DOM bottleneck, but it can still die a thousand cuts in the 2D context. Here's how ReoGrid Web renders a dense 10,000-row sheet without per-row React reconciliation, virtualization gymnastics, or jank.
#performance #canvas #react #vue #spreadsheet -
· unvell teamIntroducing ReoGrid Web v1.2 — an Excel-grade spreadsheet for React and Vue
ReoGrid Web v1.2 ships 109 built-in formulas, Excel-style color-coded reference editing, an auto-fill handle, and ~70% fewer canvas calls per scroll frame — in a single sub-300KB package with first-class React and Vue wrappers.
#release #v1.2 #react #vue #spreadsheet