Why Do React Hooks Rely on Call Order?(overreacted.io)

    function useCount() {
      const [count, setState] = useState(0)
      return { count, increment: () => setState(count + 1)};
    }

    function useCountPlusOne() {
      const {count: baseCount, increment} = useCount()
      return {count: baseCount + 1, increment}
    }

    function MyHookComponent() {
      const { count, increment } = useCountPlusOne()
      return ...
    }

  function MyReactComponent() {
    const [
      [width, setWidth],
      [name, setName],
    ] = React.use(
      [useWidth],
      [useName, 'alice'],
    );
    return <div>{width} {name}</div>
  }

    class Form extends ReactishComponent {
        name = this.useState('Mary')
        surname = this.useState('Poppins');
        width = this.useState(window.innerWidth);
    
        constructor () {
            this.useEffect(() => {
                const handleResize = () => this.width.set(window.innerWidth);
                window.addEventListener('resize', handleResize);
                return () => window.removeEventListener('resize', handleResize);
            })
        }
      
        handleNameChange = e => this.name.set(e.target.value)
        handleSurnameChange = e => this.surname.set(e.target.value)
      
        render () {
            return (
              <>
                <input value={this.name.get()} />
                <input value={this.surname.get()} />
                <p>Hello, {this.name.get()} {this.surname.get()}</p>
                <p>Window width: {this.width.get()}</p>
              </>
            )
        }
    }

    with tf.variable_scope("foo"):
        with tf.variable_scope("bar"):
            v = tf.get_variable("v", [1])
            assert v.name == "foo/bar/v:0"

    function useWindowWidth() {
      const [[width, setWidth], stateId] = debug(useState);

      assert(stateId === "useWindowWidth/state/:0");

      useEffect(() => { ... });
      const [_, effId] = debug(useEffect, () => { ... });

      assert(effId === 'useWindowWidth/effect/:1");

      return width;
    }