Simple Usage

import * as React from 'react';
import { useReState } from '@raulpesilva/re-state';

const Foo = () => {
  const [value, setValue] = useReState('value', 0);

  return (
    <div style={styles.container}>
      <button onPress={() => setValue(value + 1)}> + </button>
      <p>State value: {value}</p>
      <button onPress={() => setValue(value > 0 ? value - 1 : 0)}> - </button>
    </div>
  );
};

const Bar = () => {
  const [value] = useReState('value', 0);

  return (
    <div style={styles.container}>
      <p>State value: {value}</p>
    </div>
  );
};

export default function App() {
  return (
    <div style={styles.container}>
      <Foo />
      <Bar />
    </div>
  );
}

const styles = {
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
};