Web Component Compiler

[nolimits4web]

More information will appear here soon

[nolimits4web]

So i began to work on it, here is the TODO check list of things need to be done (already done):

• Shadow DOM. The question is should we use it or not. Enabling it makes component inner DOM inaccessible from parent and not visible for main document styles. So if go with shadow DOM then we need to implement API to package styles with component, means we also need it for Vue and React compiler

• Virtual DOM

  • Virtual DOM (done with snabbdom)
  • Basic render/patch and autoupdate implementation
  • refs
  • slots

• State management:

  • define state on component create
  • update state with this.setState method
  • Auto update/rerender on state change
  • Access state by this.state

• Props

  • Props specification
  • Props validation
  • Auto update/rerender on props change
  • Access by this.props

• Lifecycle hooks

  • componentWillCreate
  • componentDidCreate
  • componentWillUpdate
  • componentDidUpdate
  • componentWillMount
  • componentDidMount
  • componentWillUnmount

• Watchers

  • Props watch
  • State watch

• Helpers

  • dispatchEvent
  • parent
  • children
  • el