https://github.com/koribot/walid-portfolio-koribotjs-
https://github.com/koribot/walid-portfolio-koribotjs-
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/koribot/walid-portfolio-koribotjs-
- Owner: koribot
- Created: 2024-01-04T15:25:09.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-07T11:57:14.000Z (about 1 year ago)
- Last Synced: 2025-01-03T04:55:01.199Z (6 months ago)
- Language: JavaScript
- Homepage: https://walid-portfolio-mwbd.vercel.app/
- Size: 2.61 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Welcome :sparkles: :sparkles:
### To run
```
> npm install
//to use parcel
> npm run dev-parcel
//to use http-server
> npm run dev-http
```
#### To-dos
- Optimize diffing
- Optimize rerendering
- Optimize state management
- Optimize routing
- add more event listeners
```
if-click --- click
if-change --- input
```
- implement, didMount, didUnmount (current implementaion is rerendering the root, childs(components) also rerenders)
- Optimize processHTML()
Current implementation does not parse the string directly. Instead, it is placed in a `temporaryContainer`'s `innerHTML`. Subsequently, it is passed to the `processNode` function, which transforms the `DOM` structure `
Hello` into a `virtualDom` representation:
```json
{
"tagName": "div",
"attribs": {},
"children": ["Hello"]
}
```
##### Credits
- Thank you :sparkles: [@ycmjason](https://github.com/ycmjason-talks/2018-11-21-manc-web-meetup-4/blob/master/src/vdom/diff.js)
```
Current diffing(), render() implementaion in koribotJS
```
##### Notes
- Open for critiques, collaborations