Support state #66
Description
It'd be great if users could make their designs stateful.
My thinking is that we could do this in a code-oriented way by allowing usage of React hooks like this:
const [ firstName, setFirstName ] = useState('');
const [ lastName, setLastName ] = useState('');
<TextField label="First name" value={name} onChange=(event => setFirstName(event.target.value)} />
<TextField label="Last name" value={name} onChange=(event => setLastName(event.target.value)} />
For this to work, we'd need to treat the last n number of JSX elements as an implicitly returned fragment, i.e. behind the scenes we'd turn it into a component that looks like this:
() => {
const [ firstName, setFirstName ] = useState('');
const [ lastName, setLastName ] = useState('');
return (
<React.Fragment>
<TextField label="First name" value={name} onChange=(event => setFirstName(event.target.value)} />
<TextField label="Last name" value={name} onChange=(event => setName(event.target.value)} />
</React.Fragment>
);
};