I added callbacks, i18n, sorting & pagination to my React accounting component — here's what changed
react-accounting-diary v2.2.0: now with onChange/onAdd/onDelete, 30+ i18n labels, sortable columns, pagination, balance validation, and keyboard navigation. TL;DR react-accounting-diary is a lightw...

Source: DEV Community
react-accounting-diary v2.2.0: now with onChange/onAdd/onDelete, 30+ i18n labels, sortable columns, pagination, balance validation, and keyboard navigation. TL;DR react-accounting-diary is a lightweight React component for generating accounting diaries with export to PNG, JPEG, PDF, CSV, and Excel. v2.2.0 just dropped with 10 new features that make it actually usable in production apps. Here's what changed and why. The problem with v2.1 The component worked — you could render transactions, export them, undo/redo. But you couldn't do anything with the data. No callbacks, no way to sync with your state, no way to know when a user added or deleted a transaction. It was a demo, not a library. What's new in v2.2.0 1. Callback props The biggest missing piece. You can now hook into every data change: <AccountingDiary data={transactions} onChange={setTransactions} onAdd={(item) => api.post('/transactions', item)} onEdit={(old, updated) => api.put(`/transactions/${old.id}`, updated)} o