7GUIs example

[artalar]

Context: https://eugenkiss.github.io/7guis/

We need to fork https://github.com/eugenkiss/7guis-React-TypeScript-MobX for our examples.

Use vite as a bundler. Instead of observable use reatomComponent.

[Laniman]

I'm working on it. I have never used Reatom before. But so far I have made 2 3 4 5 6 7 GUIs and everything seems to work. The page with demos is not ready yet. I'll make it to auto-deploy to github pages a little later.

source: https://github.com/Laniman/7guis-React-TypeScript-Reatom demo: https://laniman.github.io/7guis-React-TypeScript-Reatom/

[Laniman]

@artalar I moved everything to reatom, updated dependencies, moved everything to css-modules and tailwind, but js logic didn't change much. For example in:

• 6 gui (circles) used withUndo(), but in the atomization approach I have to create a new circle object per diameter change. In the plan to rewrite this with reatomDynamicUndo.
• In 7 gui (cells) I create atoms on the fly, I don't know how much this is correct practice. But I haven't thought of any other way to realize it yet.

Any further instructions? I am ready to make any edits.

Link to PR for comparison: https://github.com/Laniman/7guis-React-TypeScript-Reatom/pull/1 or look in the repository by commits https://github.com/Laniman/7guis-React-TypeScript-Reatom