ayo/wcb
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(site): update features list with lit-html usage

Browse source
This commit is contained in:
Ayo 2023-12-13 15:47:19 +01:00
parent 1879c36350
commit 7cc1026ccb
2 changed files with 13 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
README.md
View file

@ -17,8 +17,9 @@ The result is a reactive UI on property changes. [View on CodePen ↗](https://c
- A robust `props` API that synchronizes your components' property values and HTML attributes - A robust `props` API that synchronizes your components' property values and HTML attributes
- Sensible life-cycle hooks that you understand and remember - Sensible life-cycle hooks that you understand and remember
- A minimal `html` function for tagged templates powered by preact's tiny (450 Bytes) [htm/mini](http://github.com/developit/htm) - Built-in minimal `html` function for tagged templates powered by preact's tiny (450 Bytes) [htm/mini](http://github.com/developit/htm)
- Attach "side effects" that gets triggered on property value changes with `attachEffect` ([example](https://codepen.io/ayoayco-the-styleful/pen/ExrdWPv?editors=1011)) - Or just use a custom templating syntax you are already familiar with, like `lit-html` • [View on CodePen ↗](https://codepen.io/ayoayco-the-styleful/pen/ZEwNJBR?editors=1010)
- Attach "side effects" that gets triggered on property value changes with `attachEffect` • [View on CodePen ↗](https://codepen.io/ayoayco-the-styleful/pen/ExrdWPv?editors=1011)
- Provided out-of-the-box with [McFly](https://ayco.io/gh/McFly), a powerful no-framework framework - Provided out-of-the-box with [McFly](https://ayco.io/gh/McFly), a powerful no-framework framework
## Table of Contents ## Table of Contents

20
site/src/pages/index.html
View file

@ -65,19 +65,19 @@
your components' property values and HTML attributes your components' property values and HTML attributes
</li> </li>
<li>Sensible life-cycle hooks that you understand and remember</li> <li>Sensible life-cycle hooks that you understand and remember</li>
<li>
Use a custom templating syntax you are familiar with, like
<code-block inline>lit-html</code-block> (<a
href="https://codepen.io/ayoayco-the-styleful/pen/ZEwNJBR?editors=1010"
>example</a
>)
</li>
<li> <li>
Built-in minimal <code-block inline>html</code-block> function for Built-in minimal <code-block inline>html</code-block> function for
tagged templates powered by Preact's tiny (450 Bytes) tagged templates powered by Preact's tiny (450 Bytes)
<a href="http://github.com/developit/htm" target="_blank" <code-block inline>htm/mini</code-block>
>htm/mini</a </li>
> <li>
Or just use a custom templating syntax you are already familiar
with, like
<code-block inline>lit-html</code-block> (<a
href="https://codepen.io/ayoayco-the-styleful/pen/ZEwNJBR?editors=1010"
target="_blank"
>example</a
>)
</li> </li>
<li> <li>
Attach "side effects" that gets triggered on property value changes Attach "side effects" that gets triggered on property value changes