Add notes

Author: dy

r&d.md

@@ -73,7 +73,7 @@
 - We can use `:="{data}"` fro sprae autoinit, since scope has confusing name: `:scope={}`, `:sprae={}`, `:with={}`
 -> let's use :prop= for now, since `:={}` can have multiple interpretations
 
-## [ ] What's a use-case for `:={props}` - do we need it? -> likely yes
+## [x] What's a use-case for `:={props}` - do we need it? -> likely yes
 
 * {...props} is useful in react components to pass down all unmentioned or unknown props to children
   - but sprae is not about componentization
@@ -690,29 +690,29 @@
 ## [ ] Prop modifiers
 
   - overall seems code complication without much benefit
-  * [ ] value.bind? value.watch?
+  * value.bind? value.watch?
     - let's wait for use-case: value can be too big to set it every time
-  * [ ] prop.reflect, prop.observe
+  * prop.reflect, prop.observe
     - let's wait for use-case
-  * [ ] prop.boolean, .number, .string, .array, .object
+  * prop.boolean, .number, .string, .array, .object
     - let's wait for use-case
-  * [ ] prop.once, prop.fx ? prop.init?
+  * prop.once, prop.fx ? prop.init?
     - doesn't seem required, let's wait for use case
-  * [ ] prop.change - run only if value changes
+  * prop.change - run only if value changes
     - seems like unnecessary manual optimization that must be done always automatically
     ? are there cases where force-update is necessary?
-  * [ ] prop.throttle-xxx, prop.debounce-xxx
+  * prop.throttle-xxx, prop.debounce-xxx
     - let's wait until that's really a problem
-  * [ ] prop.class
+  * prop.class
     ? what's the use-case
-  * [ ] prop.next="" - run update after other DOM updates happen
-  * [ ] prop.fx="" - run effect without changing property
-  * [ ] x.prop="xyz" - set element property, rather than attribute (following topic)
-  * [ ] x.raf="abc" - run regularly?
-  * [ ] x.watch-a-b-c - update by change of any of the deps
-  * [ ] :x.always - update by _any_ dep change
-  * [ ] :class.active="active"
-  * [ ] :x.persist="v"
+  * prop.next="" - run update after other DOM updates happen
+  * prop.fx="" - run effect without changing property
+  * x.prop="xyz" - set element property, rather than attribute (following topic)
+  * x.raf="abc" - run regularly?
+  * x.watch-a-b-c - update by change of any of the deps
+  * :x.always - update by _any_ dep change
+  * :class.active="active"
+  * :x.persist="v"
     - solvable via nadis
 
 ## [x] Writing props on elements (like ones in :each) -> nah, just use `:x="this.x=abc"`

test/optional.js

@@ -21,6 +21,7 @@ test("data: base", async () => {
   is(el.outerHTML, `<input data-a="1" data-foo-bar="2" data--upper-case="3">`);
 });
 
+// NOTE: we don't have :html anymore
 test.skip("html: by ref", async () => {
   let a = h`<template :ref="abc"><div :text="123"></div></template><x :html="abc">456</x>`;
   sprae(a);