1.0.1 • Published 4 years ago
use-database v1.0.1
use-database
A react hook to build sql-like database on react context.
Install
npm install use-database
yarn add use-database
Simple usage
On root component where you want to share your database, (Mostly on App.tsx)
const App: React.FC = () => {
const databaseHook = useDatabase();
return (
<DatabaseHookProvider value={databaseHook}>
<BrilliantComponent />
</DatabaseHookProvider>
);
};
And use useTable
for set or get resource from database.
const POST_TABLE = 'POST'
interface Post {
id: number;
...
}
function BrilliantComponent() {
const { setRow, getRow } = useTable<Post>(POST_TABLE);
...
setRow(post.id, post);
...
return <div>{getRow(1)}</div>
}
Go examples/src folder to check more.
Motivation
Using APIs on react, it's a common problem to fetch same resource repeatedly, and seperate same resource on different local state.
Many use global state and save all data on it, but you don't have to.
You don't even have to use flux library like redux or mobx to share resource, use context and useTable
will simply solve your problem.
Documentation
Depedencies
- react
- typescript
For developers want to improve this library
yarn install
yarn test --watch
And feel free to reach me by an issue or a pull request!
Thank you.
License
MIT