Save/retrieve props with localStorage

syncProps.js

function syncProps(props) {
	return Object.keys(props).reduce((all, key) => {
		const prop = { ...props[key] };

		const storageKey = `${key}`;

		const { onChange = () => {} } = prop;

		prop.onChange = (prop) => {
			localStorage.setItem(storageKey, JSON.stringify(prop.value));

			onChange(prop);
		};

		all[key] = prop;

		if (localStorage.getItem(storageKey)) {
			all[key].value = JSON.parse(localStorage.getItem(storageKey));
		}

		return all;
	}, {});
}

export let props = syncProps({
  radius: {
    value: 12,
  }
})