toad.social

xoron :verified:React-like functional webcomponents, but with vanilla HTML, JS and CSSIntroducing Dim – a new <a href="https://infosec.exchange/tags/Framework" class="mention hashtag" rel="nofollow noopener" target="_blank">#Framework</a> that brings <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactJS</a>-like functional <a href="https://infosec.exchange/tags/JSX" class="mention hashtag" rel="nofollow noopener" target="_blank">#JSX</a>-syntax with <a href="https://infosec.exchange/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#VanillaJS</a>. Check it out here: 🔗 Project: <a href="https://github.com/positive-intentions/dim" rel="nofollow noopener" translate="no" target="_blank">https://github.com/positive-intentions/dim</a> 🔗 Website: <a href="https://dim.positive-intentions.com" rel="nofollow noopener" translate="no" target="_blank">https://dim.positive-intentions.com</a>My journey with <a href="https://infosec.exchange/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponents</a> started with Lit, and while I appreciated its native browser support (less <a href="https://infosec.exchange/tags/Tooling" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tooling</a>!), coming from <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactJS</a>, the class components felt like a step backward. The <a href="https://infosec.exchange/tags/FunctionalProgramming" class="mention hashtag" rel="nofollow noopener" target="_blank">#FunctionalProgramming</a> approach in React significantly improved my <a href="https://infosec.exchange/tags/DeveloperExperience" class="mention hashtag" rel="nofollow noopener" target="_blank">#DeveloperExperience</a> and debugging flow.So, I set out to build a thin, functional wrapper around <a href="https://infosec.exchange/tags/Lit" class="mention hashtag" rel="nofollow noopener" target="_blank">#Lit</a>, and Dim is the result! It's a <a href="https://infosec.exchange/tags/ProofOfConcept" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProofOfConcept</a> right now, with "main" <a href="https://infosec.exchange/tags/Hooks" class="mention hashtag" rel="nofollow noopener" target="_blank">#Hooks</a> similar to React, plus some custom ones like useStore for <a href="https://infosec.exchange/tags/EncryptionAtRest" class="mention hashtag" rel="nofollow noopener" target="_blank">#EncryptionAtRest</a>. (Note: <a href="https://infosec.exchange/tags/StateManagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateManagement</a> for encryption-at-rest is still unstable and currently uses a hardcoded password while I explore <a href="https://infosec.exchange/tags/Passwordless" class="mention hashtag" rel="nofollow noopener" target="_blank">#Passwordless</a> options like <a href="https://infosec.exchange/tags/WebAuthn" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAuthn</a>/#Passkeys).You can dive deeper into the <a href="https://infosec.exchange/tags/Documentation" class="mention hashtag" rel="nofollow noopener" target="_blank">#Documentation</a> and see how it works here: 📚 Dim Docs: <a href="https://positive-intentions.com/docs/category/dim" rel="nofollow noopener" translate="no" target="_blank">https://positive-intentions.com/docs/category/dim</a>This <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenSource</a> project is still in its early stages and very <a href="https://infosec.exchange/tags/Unstable" class="mention hashtag" rel="nofollow noopener" target="_blank">#Unstable</a>, so expect <a href="https://infosec.exchange/tags/BreakingChanges" class="mention hashtag" rel="nofollow noopener" target="_blank">#BreakingChanges</a>. I've already received valuable <a href="https://infosec.exchange/tags/Feedback" class="mention hashtag" rel="nofollow noopener" target="_blank">#Feedback</a> on some functions regarding <a href="https://infosec.exchange/tags/Security" class="mention hashtag" rel="nofollow noopener" target="_blank">#Security</a>, and I'm actively investigating those. I'm genuinely open to all feedback as I continue to develop it!<a href="https://infosec.exchange/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontendDev</a> <a href="https://infosec.exchange/tags/JSFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#JSFramework</a> <a href="https://infosec.exchange/tags/Innovation" class="mention hashtag" rel="nofollow noopener" target="_blank">#Innovation</a> <a href="https://infosec.exchange/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#Coding</a> <a href="https://infosec.exchange/tags/Programmer" class="mention hashtag" rel="nofollow noopener" target="_blank">#Programmer</a> <a href="https://infosec.exchange/tags/Tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tech</a>

LavX NewsBuilding a Minimal Class-Based Store for React: A Deep DiveExplore the intricacies of creating a minimal class-based store in React with a focus on state management and performance optimization. This article dissects the code, explaining its components and th...<a href="https://news.lavx.hu/article/building-a-minimal-class-based-store-for-react-a-deep-dive" rel="nofollow noopener" translate="no" target="_blank">https://news.lavx.hu/article/building-a-minimal-class-based-store-for-react-a-deep-dive</a><a href="https://ioc.exchange/tags/news" class="mention hashtag" rel="nofollow noopener" target="_blank">#news</a> <a href="https://ioc.exchange/tags/tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#tech</a> <a href="https://ioc.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://ioc.exchange/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#React</a> <a href="https://ioc.exchange/tags/StateManagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateManagement</a>

Jan :rust: :ferris:All these "state management" solutions of the "modern web" like <a href="https://floss.social/tags/Redux" class="mention hashtag" rel="nofollow noopener" target="_blank">#Redux</a>, Zustand or whatever try to solve state management in UI apps by introducing unfathomable amount of complexity......when in reality all you need is <a href="https://floss.social/tags/Bevy" class="mention hashtag" rel="nofollow noopener" target="_blank">#Bevy</a>'s <a href="https://floss.social/tags/ECS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ECS</a>. ¯\_(ツ)_/¯✨ <a href="https://floss.social/tags/GUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#GUI</a> <a href="https://floss.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://floss.social/tags/StateManagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateManagement</a> <a href="https://floss.social/tags/DataOrientedDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#DataOrientedDesign</a> <a href="https://floss.social/tags/DoD" class="mention hashtag" rel="nofollow noopener" target="_blank">#DoD</a>

ZephyrXeroAfter spending the past few months wrangling nested hooks and contexts, Preact's Signals library sounds beautiful<a href="https://www.youtube.com/watch?v=SO8lBVWF2Y8" rel="nofollow noopener" translate="no" target="_blank">https://www.youtube.com/watch?v=SO8lBVWF2Y8</a><a href="https://preactjs.com/guide/v10/signals/" rel="nofollow noopener" translate="no" target="_blank">https://preactjs.com/guide/v10/signals/</a><a href="https://layer8.space/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#react</a> <a href="https://layer8.space/tags/preact" class="mention hashtag" rel="nofollow noopener" target="_blank">#preact</a> <a href="https://layer8.space/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> <a href="https://layer8.space/tags/stateManagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#stateManagement</a>

Ville TakanenI was first a bit annoyed at how much Astro promotes using nanostores. But after figuring out how nanostores work - I'm now all in favour. A wonderful lib for <a href="https://mementomori.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mementomori.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://mementomori.social/tags/statemanagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#statemanagement</a>

GeekMeSpeakStef💙:flutter: :va:2/ This edition comes with new chapters on Advanced <a href="https://fluttercommunity.social/tags/InteractiveWidgets" class="mention hashtag" rel="nofollow noopener" target="_blank">#InteractiveWidgets</a>, <a href="https://fluttercommunity.social/tags/UnitTesting" class="mention hashtag" rel="nofollow noopener" target="_blank">#UnitTesting</a>, and <a href="https://fluttercommunity.social/tags/WidgetTesting" class="mention hashtag" rel="nofollow noopener" target="_blank">#WidgetTesting</a>, along with the <a href="https://fluttercommunity.social/tags/StateManagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateManagement</a> chapter now includes <a href="https://fluttercommunity.social/tags/Riverpod" class="mention hashtag" rel="nofollow noopener" target="_blank">#Riverpod</a>.There is a major update to the <a href="https://fluttercommunity.social/tags/Firebase" class="mention hashtag" rel="nofollow noopener" target="_blank">#Firebase</a> <a href="https://fluttercommunity.social/tags/CloudFirestore" class="mention hashtag" rel="nofollow noopener" target="_blank">#CloudFirestore</a> chapter. Instead of separate sections for manually setting up Firestore to work in Android and iOS <a href="https://fluttercommunity.social/tags/Flutter" class="mention hashtag" rel="nofollow noopener" target="_blank">#Flutter</a> apps, now one learns how to use <a href="https://fluttercommunity.social/tags/FlutterFire" class="mention hashtag" rel="nofollow noopener" target="_blank">#FlutterFire</a> CLI to <a href="https://fluttercommunity.social/tags/Firestore" class="mention hashtag" rel="nofollow noopener" target="_blank">#Firestore</a> to work with Android, iOS, macOS, and Web apps.

nosh :fosstodon: (ʘ‿ʘ):react: A new fine-grained reactivity state managerLegend-State:There is a new state manager for react, that promises to be fast; provides fine-grained reactivity; allows global storage & allows state storage in local storage.<a href="https://legendapp.com/open-source/state/" rel="nofollow noopener" target="_blank">https://legendapp.com/open-source/state/</a><a href="https://youtu.be/E4TH77SMOG8" rel="nofollow noopener" target="_blank">https://youtu.be/E4TH77SMOG8</a>They are accepting requests for implementations for other frameworks:<a href="https://legendapp.com/open-source/state/other-frameworks/" rel="nofollow noopener" target="_blank">https://legendapp.com/open-source/state/other-frameworks/</a><a href="https://fosstodon.org/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactjs</a> <a href="https://fosstodon.org/tags/statemanagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#statemanagement</a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://fosstodon.org/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a>

Daishi KatoJotai atomic updates can eliminate "memo". Which approach do you prefer? Black one or white one?<a href="https://fosstodon.org/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactJS</a> <a href="https://fosstodon.org/tags/Jotai" class="mention hashtag" rel="nofollow noopener" target="_blank">#Jotai</a> <a href="https://fosstodon.org/tags/StateManagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateManagement</a> <a href="https://fosstodon.org/tags/ReactHooks" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactHooks</a> <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://fosstodon.org/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#TypeScript</a>

Recent searches

Search options

Administered by:

Server stats:

#statemanagement