1.3.3 • Published 3 years ago

udf-state v1.3.3

Weekly downloads
-
License
ISC
Repository
github
Last release
3 years ago

udf-state

Redux sucks.

So I made a lightweight global state management solution using react hooks.

Should not be used by anyone except myself.

Install

$ npm i https://github.com/wheatup/wherehouse

Install(Obsolete)

$ npm i udf-state

Usage

App.js

import React from 'react';
import { init, setData } from 'udf-state';
import User from './components/User';

// Initialize the store
init({
	NAME: 'Alice',
	AGE: 18,
});

function App() {
	// Update a data from the store
	// While this updates, the `age` in `User` component also updates
	const addAge = () => setData('AGE', age => age + 1);

	return (
		<div className="app">
			<User />
			<button onClick={addAge}>Age+1</button>
		</div>
	);
}

export default App;

User.js

import React from 'react';

import { useData } from 'udf-state';

const User = () => { // Use data from store const name = useData('NAME'); const age = useData('AGE');

return (
	<div>
		<h2>Name: {name}</h2>
		<h2>Age: {age}</h2>
	</div>
);

}

export default User;