lmorchard - Pebbling Club 🐧🪨

Web Performance Calendar » Signals: the nitty-gritty

calendar.perfplanet.com
2025-02-19T01:40:18.425Z
signals webdev js

Notes

Mostly revealed to the Web by Solid.js, shortly after embraced by Preact, but also blended into usignal, or implemented by many others, this pattern convinced tons of developers that hooks might not be the best solution to reactivity out there, but while the concept might look and feel super simple and natural to deal with, the complexity behind spans from 30LOC to pretty convoluted code bases.

Feed

Embed

Unfurl

{ "expires": 1740015616127, "status": 200, "bodyLength": 43897, "author": "ABOUT THE AUTHOR", "date": "2022-12-21T12:00:00.000Z", "description": "Mostly revealed to the Web by Solid.js, shortly after embraced by Preact, but also blended into usignal, or implemented by many others, this pattern convinced tons of developers that hooks might not be the best solution to reactivity out there, but while the concept might look and feel super simple", "image": "https://calendar.perfplanet.com/wp-content/uploads/2022/12/andrea/benchmark.png", "logo": "https://calendar.perfplanet.com/wp-content/themes/wpc2/wpclogo.png", "publisher": "Web Performance Calendar", "title": "Signals: the nitty-gritty", "url": "https://calendar.perfplanet.com/2022/signals-the-nitty-gritty/", "feed": "https://calendar.perfplanet.com/feed/", "iframe": "<blockquote class=\"wp-embedded-content\" data-secret=\"tijNZoSe6p\"><a href=\"https://calendar.perfplanet.com/2022/signals-the-nitty-gritty/\">Signals: the nitty-gritty</a></blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https://calendar.perfplanet.com/2022/signals-the-nitty-gritty/embed/#?secret=tijNZoSe6p\" width=\"600\" height=\"338\" title=\"“Signals: the nitty-gritty” — Web Performance Calendar\" data-secret=\"tijNZoSe6p\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"></iframe><script type=\"text/javascript\">\n/* <![CDATA[ */\n/*! This file is auto-generated */\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n/* ]]> */\n</script>\n", "lang": "en", "video": null, "audio": null, "duration": 1112 }
1KB Frontend Library - DEV Community

dev.to
2025-02-19T01:39:53.419Z
dev webdev js signals

Notes

Our compact signals implementation is inspired by Andrea Giammarchi’s excellent article on signals. If you’re curious about the nitty-gritty, I highly recommend giving it a read.
@lit-labs/observers - npm

www.npmjs.com
2024-10-17T02:06:32.269Z
webdev lit signals

Notes

A set of reactive controllers that facilitate using the platform observer objects, including: MutationObserver ResizeObserver IntersectionObserver PerformanceObserver

Unfurl

{ "expires": 1729217189043, "status": 200, "bodyLength": 88113, "author": null, "date": "2024-10-07T19:00:49.045Z", "description": "A set of reactive controllers that facilitate using the platform observer objects.. Latest version: 2.0.4, last published: 9 days ago. Start using @lit-labs/observers in your project by running `npm i @lit-labs/observers`. There are 47 other projects in the npm registry using @lit-labs/observers.", "image": "https://static-production.npmjs.com/338e4905a2684ca96e08c7780fc68412.png", "logo": "https://static-production.npmjs.com/1996fcfdf7ca81ea795f67f093d7f449.png", "publisher": "npm", "title": "@lit-labs/observers", "url": "https://www.npmjs.com/package/@lit-labs/observers", "feed": null, "iframe": null, "lang": "en", "video": null, "audio": null, "duration": 459 }
preactjs/signals: Manage state with style in every framework

github.com
2024-10-17T02:06:08.546Z
webdev preact signals

Notes

Manage state with style in every framework

Unfurl

{ "expires": 1729217161616, "status": 200, "bodyLength": 451503, "author": "preactjs", "date": null, "description": "Manage state with style in every framework. Contribute to preactjs/signals development by creating an account on GitHub.", "image": "https://opengraph.githubassets.com/dd4e48edae4821a394795961685a753e34517bb5b202aa34d5795f5e6fa01945/preactjs/signals", "logo": "https://github.com/fluidicon.png", "publisher": "GitHub", "title": "GitHub - preactjs/signals: Manage state with style in every framework", "url": "https://github.com/preactjs/signals", "feed": null, "iframe": null, "lang": "en", "video": null, "audio": null, "duration": 1404 }
@lit-labs/preact-signals - npm

www.npmjs.com
2024-10-17T02:06:06.105Z
webdev lit signals

Notes

Preact Signals integration for Lit.

Unfurl

{ "expires": 1729217154472, "status": 200, "bodyLength": 90068, "author": null, "date": "2024-01-31T19:49:48.696Z", "description": "Preact Signals integration for Lit. Latest version: 1.0.2, last published: 9 months ago. Start using @lit-labs/preact-signals in your project by running `npm i @lit-labs/preact-signals`. There are 9 other projects in the npm registry using @lit-labs/preact-signals.", "image": "https://static-production.npmjs.com/338e4905a2684ca96e08c7780fc68412.png", "logo": "https://static-production.npmjs.com/1996fcfdf7ca81ea795f67f093d7f449.png", "publisher": "npm", "title": "@lit-labs/preact-signals", "url": "https://www.npmjs.com/package/@lit-labs/preact-signals", "feed": null, "iframe": null, "lang": "en", "video": null, "audio": null, "duration": 771 }
Django Signals enable Aspect-Oriented programming. by Elf Sternberg

www.elfsternberg.com
2010-08-09T23:07:16.000Z
aop django signals python imported:pinboard

Notes

"This is exactly the kind of cross-cutting concern (note the use of a signal publisher for notification!) that would be better handled with a signal from the microblogging app. Perhaps the app could have published “tweet received” as a signal, with an optional “module for common associated applications” dispatching that event to logging, activity streams, notifications or whatever as available. The presence of explicit publication would have signaled to any developer to look for subscribers, so I don’t think this is a dangerous case of unlabeled subroutines and the potential for spaghetti code that goes with it. Most Django apps are small silos of code; it would not have been onerous to separate out and isolate this cross-cutting concern from the rest of the microblogging application’s functionality."

Unfurl

{ "failed": true, "failedAt": 1728195440083, "failedError": "AxiosError: Request failed with status code 404" }

0 - 50 of 6 items

10 25 50 100 250