Dataparcels lets you edit data structures in an extremely flexible, data-centric way.
It lets you traverse your data structures like Immutable.js does, but with added two-way data binding magic. You can trigger changes to small parts of your data, and those changes will propagate back up and merge into the original data shape automatically.
When your data is held in React state, this can form the basis of almost any interactive user interface you can think of.
It’s designed for use with React, and comes with hooks for easy state management and performant rendering. The heirarchical, componentized nature of React fits perfectly with the heirarchical, componentized nature of dataparcels.
Get started with dataparcels, installation instructions and a first example.
Data editing is the ability to manipulate data based on user input. This includes:
UI behaviour covers features that help the user interact with the data. This includes:
Data synchronisation encompasses how dataparcels interacts with pieces of data stored externally.
This part of the library is being developed and will be complete soon.
As this library matures I intend to make it easier for other to help out, such as guidelines for contributing, design rules and philosophies this library uses, developement setup, and details on dataparcels internal architecture.
I hope this library helps solve some front-end problems for you.
useParcelBufferto save, reload and clear cached data. This can be used with
localStorageor similar external storage mechanisms to retain and restore unsaved changes.