Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/koribot/walid-portfolio-koribotjs-
https://github.com/koribot/walid-portfolio-koribotjs-
Last synced: 7 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/koribot/walid-portfolio-koribotjs-
- Owner: koribot
- Created: 2024-01-04T15:25:09.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-06-07T11:57:14.000Z (5 months ago)
- Last Synced: 2024-06-07T13:12:41.024Z (5 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