Change Text's use of deprecated lifecycle

[diagramatics]

🏠 Internal

• [text] Remove deprecated lifecycles used in Text

Fixes #396. Closes #431. I thought I might as well take a crack at converting the deprecated lifecycles to something better. I was gonna use hooks but I have no idea if I can use it yet.

[williaster]

Nice, thanks for the PR @diagramatics! Code looks good to me but I will pull the branch to test it a bit. Meanwhile @techniq if you have thoughts let us know 👍

We currently have not added hooks to enable compatibility with more react versions, but hope to do so soon after we land the TypeScript project.

[techniq]

@diagramatics @williaster LGTM, but it's been a while since I wrote that to remember all the nuances (and have been using hooks / useEffect for too longer to remember all the nuances of the lifecycle methods 🤦‍♂). I think if it tests out will with the demo we should be good.

I figure when we switch to hooks we would want to use useLayoutEffect.

[diagramatics]

Don't worry, I'm on the same boat here. I had to re-read the docs to figure out 😂

useLayoutEffect would be what we will reach for, yes.

[williaster]

Sorry for the delay! I've been swamped trying to get through #579. I was able to test this locally and the demo still looks good 👍 going to go ahead and merge it, it should come out as part of 0.0.193 which depends on #579 wrapping up to test the robustness/usability of the TS types.