web-component-base

web-component-base copied to clipboard

FAQs

7

Putting here common feedbacks/questions we get. Just a quick dump before creating issues. Pls comment any feedback/question you have as well.

ayoayco

feat: make children usage easier

2

From discussion: https://main.elk.zone/indieweb.social/@thomasreggi/111569486541264803 Reproduction: https://gist.github.com/reggi/a4bc79ec03b9cdb1ee9fd6c61ee8e081 Found children usage is possible by using `onInit` hook and storing the initial children there: https://codepen.io/ayoayco-the-styleful/pen/gOqJbzW?editors=1011

ayoayco

feat: memo()

2

Callable in templates, to signal the renderer to skip re-renders & future recalculation

ayoayco

Mark properties that skips serialization & getting reflected as HTML attributes.

ayoayco

feat: smart diffing

1

fixes #24 This implements diffing by 1. creating a "watch list" of nodes 2. checks elements changed by comparing previous watch list to new watch list 3. applies changes to...

ayoayco

Currently, it's just very crude: we compare previous dom to incoming dom and if there is change, we wipe the whole children and replace. We can detect changes and call...

ayoayco

Make attachEffect a class method

1

Currently, `attachEffect` is a separate function we have to import and call with a reference to the prop of a component class. [Demo on CodePen](https://codepen.io/ayoayco-the-styleful/pen/ExrdWPv) Current usage: ```js // somewhere...

ayoayco

attach an effect to an uninitialized property

2

```js static properties = ['count'] onInit() { attachEffect(this.props.count, (c) => doSomething(c)); } ```

ayoayco

As list of suggested extensions on Read me doc

ayoayco

currently we set a "false" string

ayoayco