Creating of shy.js to build Stateful DOM.

Over the years, I've been writing different size, scale web apps.
I started with jquery at the beginning and wrote many apps at a production level. I enjoyed the JQuery concept of holding DOM elements by selectors and do whatever you want with it.
It was amazing and making sense to me how it works until I used (React.js), and it did blow my mind I mean just the concept of the component design paradigm and passing the state all over the components tree just was state of the art and power saving and efficient rendering.

But it comes with a price which is the learning curve, many of my friends are web designers and finding it hard to adopt (React.js), and they always be crazy when they see the verity of (React.js) Examples that written in weird stuff (ES6, Typescript, JSX).
And they almost only involved with simple apps that live inside landing pages that they design (Forms, Simple Scroll interactivity, price table, product preferences checks, carts, etc.).
However, Jquery looks very easy for them and easy to include and start.

So I thought that might bringing (Reactjs) concept to them mixing it with jquery style would help :)

that's why I created (shy.js) tiny javascript library for apps that lives inside landing pages.

https://github.com/rayeddev/shy.js

still, in early development, I hope it makes sense to you and please bless with feedback