https://github.com/koribot/koribotjs

An UN-OPTIMIZED MESSY Javascript front-end framework/library
https://github.com/koribot/koribotjs

Last synced: 7 days ago
JSON representation

An UN-OPTIMIZED MESSY Javascript front-end framework/library

• Host: GitHub
• URL: https://github.com/koribot/koribotjs
• Owner: koribot
• Created: 2024-01-01T17:25:40.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-01-25T16:10:25.000Z (10 months ago)
• Last Synced: 2024-01-26T16:56:14.261Z (10 months ago)
• Language: JavaScript
• Size: 165 KB
• 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