@fatih.6nok.org
198 Followers · 133 Following
Web dev, functional programming a11y ADHD, he/him blog.6nok.org
![function cnx(strings, ...keys) {
const ret = []
for (let i = 0; i < strings.length + keys.length; i++) {
if (i % 2 === 0) {
const index = i / 2
ret.push(strings[index].trim())
} else {
const index = (i - 1) / 2
const key = keys[index]
if (typeof key === 'string') {
ret.push(key)
}
}
}
return ret.join(' ')
}
const a = null
const b = 'test'
console.log(cnx`hello ${a} world`)
console.log(cnx`hello ${b} world ${a} hi`)](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:cw4nqizhhp6apd32tcs7ddyn/bafkreicrhmq6jtjujjb744stojaiaat6q2ohbz25bvougmjgkz5pslxtae)
![function useListState({ items }: { items: { key: string; name: string }[] }) {
const list = useListData({
initialItems: items,
});
const formRef = useRef<HTMLFormElement>(null);
useEffect(() => {
const form = formRef.current;
if (form && !arrayEqual(list.items, items, (item) => item.key)) {
startTransition(async () => {
await Promise.resolve();
form.requestSubmit();
});
}
}, [list.items, items]);
return { list, formRef };
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:cw4nqizhhp6apd32tcs7ddyn/bafkreibh3qagllyhgxscumrv4ifyhv5pzwmjednwdyrwhxkh5vw6wlmm4a)
