Ryact

simplified JSX renderer based on react (for study purposes,also I am calling it Ryact)

Features of "Ryact"

1. createNode(), createTextNode()
2. component Reconciliation (add or update components to DOM)
3. Fiber (used to chunk rendering components and unblock main JS thread)
4. Functional Components
5. Hooks

The testing application

The application is a counter app that has a button.

Everytime you click the "add" button, it will increment the counter.

It was implemented using Functional Components and an useState hook

To test changes

1. npm i -g live-server live-server
2. start the live-server in your terminal: live-server
3. open http://localhost:8080/src/index.html
4. explore the source code making changes to it