simplified JSX renderer based on react (for study purposes,also I am calling it Ryact)
createNode()
,createTextNode()
- component Reconciliation (add or update components to DOM)
- Fiber (used to chunk rendering components and unblock main JS thread)
- Functional Components
- Hooks
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
npm i -g live-server
live-server- start the live-server in your terminal:
live-server
- open http://localhost:8080/src/index.html
- explore the source code making changes to it