Referenced states/contexts/shorter references

[hydroperx]

• It's quite boring having to create explicit useRefs to avoid capture of outdated state or context. The only solution would be to support states as objects and special tsc/TSX compiler semantics ("compiler magic") so that things like state desugar into state.value.
• As to refs, it's boring having to type .current, so there also would need to be a compiler magic.

Wondering if this is on the road.

---

So basically there needs to be something like:

@State
let x: number = 0; // initial value

// deep somewhere...
  x // equivalent to state object's `value` property.
  x = 10; // triggers change

And btw having this is totally possible and not a "too late" change, but requires the tsc team to do some work.

References

Equivalent to useRef():

@Reference
let x: string = ""; // initial value

// takesReference(x: React.RefObject<string>): void
takesReference(x); // implicit coercion: compiler magic

Contexts

Equivalent to useContext():

@Context(ExampleContext)
const x: number;

[hydroperx]

And I think it's impossible to open a feature request at the TypeScript repo, since they don't allow features that change JS behavior.