Sigmoid Social

xoron :verified:Are Web Components & Cybersecurity A Better Combo?I'm not trying to dunk on popular <a href="https://infosec.exchange/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://infosec.exchange/tags/frameworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#frameworks</a> – I'm sure they're totally fine for <a href="https://infosec.exchange/tags/cybersecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#cybersecurity</a> stuff, probably get loads of reviews and <a href="https://infosec.exchange/tags/audits" class="mention hashtag" rel="nofollow noopener" target="_blank">#audits</a>.But from my angle: Web Components are *native* to the <a href="https://infosec.exchange/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#browser</a>. Doesn't that just inherently reduce the risk of **<a href="https://infosec.exchange/tags/SupplyChainAttacks" class="mention hashtag" rel="nofollow noopener" target="_blank">#SupplyChainAttacks</a>** (you know, like a rogue `npm install` on a bad network) for your <a href="https://infosec.exchange/tags/AppSecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#AppSecurity</a>?Or am I overthinking it, and the <a href="https://infosec.exchange/tags/framework" class="mention hashtag" rel="nofollow noopener" target="_blank">#framework</a> choice is less important than the <a href="https://infosec.exchange/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#browser</a>, <a href="https://infosec.exchange/tags/OS" class="mention hashtag" rel="nofollow noopener" target="_blank">#OS</a>, or <a href="https://infosec.exchange/tags/device" class="mention hashtag" rel="nofollow noopener" target="_blank">#device</a> running it? What are your thoughts, <a href="https://infosec.exchange/tags/DevCommunity" class="mention hashtag" rel="nofollow noopener" target="_blank">#DevCommunity</a>?---Quick context: I've got a <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactJS</a> <a href="https://infosec.exchange/tags/messagingApp" class="mention hashtag" rel="nofollow noopener" target="_blank">#messagingApp</a> (repo here: <a href="https://github.com/positive-intentions/chat" rel="nofollow noopener" translate="no" target="_blank">https://github.com/positive-intentions/chat</a>) and a separate <a href="https://infosec.exchange/tags/UIFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIFramework</a> (repo here: <a href="https://github.com/positive-intentions/dim" rel="nofollow noopener" translate="no" target="_blank">https://github.com/positive-intentions/dim</a>) built with <a href="https://infosec.exchange/tags/Lit" class="mention hashtag" rel="nofollow noopener" target="_blank">#Lit</a> (which uses Web Components). I'm genuinely wondering if there's a compelling <a href="https://infosec.exchange/tags/cybersecurity" class="mention hashtag" rel="nofollow noopener" target="_blank">#cybersecurity</a> reason to refactor the chat app to use my <a href="https://infosec.exchange/tags/WebComponent" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponent</a> UI framework. Might be a whole new level of <a href="https://infosec.exchange/tags/SecurityByDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#SecurityByDesign</a> for <a href="https://infosec.exchange/tags/FrontEndDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontEndDev</a>.FYI, same question's on Reddit here: <a href="https://www.reddit.com/r/ExperiencedDevs/comments/1lmk1rg/are_web_components_better_for_cybersecurity/" rel="nofollow noopener" translate="no" target="_blank">https://www.reddit.com/r/ExperiencedDevs/comments/1lmk1rg/are_web_components_better_for_cybersecurity/</a>, got some good <a href="https://infosec.exchange/tags/insights" class="mention hashtag" rel="nofollow noopener" target="_blank">#insights</a>, but want to make sure nothing's getting overlooked! Let's discuss <a href="https://infosec.exchange/tags/InfoSec" class="mention hashtag" rel="nofollow noopener" target="_blank">#InfoSec</a> <a href="https://infosec.exchange/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://infosec.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenSource</a> <a href="https://infosec.exchange/tags/TechQuestion" class="mention hashtag" rel="nofollow noopener" target="_blank">#TechQuestion</a>.

aaron ~# :blinkingcursor:I tried <a href="https://infosec.exchange/tags/vuejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#vuejs</a> today and decided to use it for my project. <a href="https://infosec.exchange/tags/PrimeVue" class="mention hashtag" rel="nofollow noopener" target="_blank">#PrimeVue</a> has some really handy components which match my usecase perfectly. A <a href="https://infosec.exchange/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://infosec.exchange/tags/uiframework" class="mention hashtag" rel="nofollow noopener" target="_blank">#uiframework</a> is such a gamechanger.

aaron ~# :blinkingcursor:I realized that i need to separate the <a href="https://infosec.exchange/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> and <a href="https://infosec.exchange/tags/backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#backend</a>. I'm glad i didn't do a lot of work on the frontend yet. I will probably go with <a href="https://infosec.exchange/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#react</a>. Since the dashboard will display a lot of informations, which must update live, a <a href="https://infosec.exchange/tags/uiframework" class="mention hashtag" rel="nofollow noopener" target="_blank">#uiframework</a> becomes necessary.<a href="https://infosec.exchange/tags/developing" class="mention hashtag" rel="nofollow noopener" target="_blank">#developing</a> <a href="https://infosec.exchange/tags/developement" class="mention hashtag" rel="nofollow noopener" target="_blank">#developement</a> <a href="https://infosec.exchange/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a> <a href="https://infosec.exchange/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdevelopment</a>

Joche OjedaMy Adventures Picking a UI Framework: Why I Chose Uno Platform<a href="https://www.jocheojeda.com/2025/03/07/my-adventures-picking-a-ui-framework-why-i-chose-uno-platform/" rel="nofollow noopener" translate="no" target="_blank">https://www.jocheojeda.com/2025/03/07/my-adventures-picking-a-ui-framework-why-i-chose-uno-platform/</a><a href="https://mastodon.social/tags/UnoPlatform" class="mention hashtag" rel="nofollow noopener" target="_blank">#UnoPlatform</a> <a href="https://mastodon.social/tags/UIDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIDevelopment</a> <a href="https://mastodon.social/tags/dotNET" class="mention hashtag" rel="nofollow noopener" target="_blank">#dotNET</a> <a href="https://mastodon.social/tags/CrossPlatform" class="mention hashtag" rel="nofollow noopener" target="_blank">#CrossPlatform</a> <a href="https://mastodon.social/tags/CSharp" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSharp</a> <a href="https://mastodon.social/tags/XAML" class="mention hashtag" rel="nofollow noopener" target="_blank">#XAML</a> <a href="https://mastodon.social/tags/VisualStudio" class="mention hashtag" rel="nofollow noopener" target="_blank">#VisualStudio</a> <a href="https://mastodon.social/tags/WebAssembly" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAssembly</a> <a href="https://mastodon.social/tags/MobileDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#MobileDevelopment</a> <a href="https://mastodon.social/tags/WindowsUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#WindowsUI</a> <a href="https://mastodon.social/tags/DeveloperTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#DeveloperTools</a> <a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#Programming</a> <a href="https://mastodon.social/tags/SoftwareDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#SoftwareDevelopment</a> <a href="https://mastodon.social/tags/UIFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIFramework</a>

xoron :verified:Creating a JavaScript UI framework for my own project! It's a learning journey and I'd like to to share my progress.Id like to know what you think are the important details to include when creating a UI framework. As i work on this im only addressing the issues i face and i would like to know what other developers think are important to include in a UI framework.I've written some blog posts about my progress so far:1. Functional Web Components - <a href="https://positive-intentions.com/blog/dim-functional-webcomponents" rel="nofollow noopener" translate="no" target="_blank">https://positive-intentions.com/blog/dim-functional-webcomponents</a> 2. Functional Todo App - <a href="https://positive-intentions.com/blog/dim-todo-list" rel="nofollow noopener" translate="no" target="_blank">https://positive-intentions.com/blog/dim-todo-list</a> 3. Async State Management - <a href="https://positive-intentions.com/blog/async-state-management" rel="nofollow noopener" translate="no" target="_blank">https://positive-intentions.com/blog/async-state-management</a> 4. Bottom-up Browser Storage - <a href="https://positive-intentions.com/blog/bottom-up-storage" rel="nofollow noopener" translate="no" target="_blank">https://positive-intentions.com/blog/bottom-up-storage</a><a href="https://infosec.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://infosec.exchange/tags/UIFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIFramework</a> <a href="https://infosec.exchange/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevelopment</a> <a href="https://infosec.exchange/tags/LearningJourney" class="mention hashtag" rel="nofollow noopener" target="_blank">#LearningJourney</a> <a href="https://infosec.exchange/tags/StateManagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateManagement</a> <a href="https://infosec.exchange/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponents</a> <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenSource</a> <a href="https://infosec.exchange/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#Coding</a> <a href="https://infosec.exchange/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#Programming</a> <a href="https://infosec.exchange/tags/FrontendDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontendDevelopment</a> <a href="https://infosec.exchange/tags/AsyncProgramming" class="mention hashtag" rel="nofollow noopener" target="_blank">#AsyncProgramming</a> <a href="https://infosec.exchange/tags/FunctionalProgramming" class="mention hashtag" rel="nofollow noopener" target="_blank">#FunctionalProgramming</a> <a href="https://infosec.exchange/tags/Blogging" class="mention hashtag" rel="nofollow noopener" target="_blank">#Blogging</a> <a href="https://infosec.exchange/tags/TechCommunity" class="mention hashtag" rel="nofollow noopener" target="_blank">#TechCommunity</a>

Maui Project :mastodon:Maui Release Briefing #7 Today, we bring you a report on the brand-new release of the Maui Project.<a href="https://mauikit.org/blog/maui-release-briefing-7/" rel="nofollow noopener" translate="no" target="_blank">https://mauikit.org/blog/maui-release-briefing-7/</a><a href="https://floss.social/tags/MauiKit" class="mention hashtag" rel="nofollow noopener" target="_blank">#MauiKit</a> <a href="https://floss.social/tags/Convegernt" class="mention hashtag" rel="nofollow noopener" target="_blank">#Convegernt</a> <a href="https://floss.social/tags/UIFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIFramework</a> <a href="https://floss.social/tags/KDE" class="mention hashtag" rel="nofollow noopener" target="_blank">#KDE</a>

xoron :verified:Functional Web Components with LitElements.For practice and learning i decided to create a <a href="https://infosec.exchange/tags/UIFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIFramework</a> to make LitElements more functional. i like the idea of webcomponents and <a href="https://infosec.exchange/tags/litElement" class="mention hashtag" rel="nofollow noopener" target="_blank">#litElement</a>, but i liked the <a href="https://infosec.exchange/tags/reactSyntax" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactSyntax</a> for what i see as "more readable" and "more maintainable" code. So i decided to create a simple todo app using a <a href="https://infosec.exchange/tags/functional" class="mention hashtag" rel="nofollow noopener" target="_blank">#functional</a> approach with <a href="https://infosec.exchange/tags/LitElements" class="mention hashtag" rel="nofollow noopener" target="_blank">#LitElements</a>.Im investigating additional features and improvements so i dont reccommend anyone to adopt using this yet. The implementation is far from finished, but seems to be working enough to test.Future improvements on this im looking into are: - bottom up state management - encrypted state persistence at restBlog: <a href="https://positive-intentions.com/blog/dim-functional-webcomponents" rel="nofollow noopener" translate="no" target="_blank">https://positive-intentions.com/blog/dim-functional-webcomponents</a>GitHub: <a href="https://github.com/positive-intentions/dim" rel="nofollow noopener" translate="no" target="_blank">https://github.com/positive-intentions/dim</a>Demo: <a href="https://dim.positive-intentions.com/?path=/story/components-todo--basic" rel="nofollow noopener" translate="no" target="_blank">https://dim.positive-intentions.com/?path=/story/components-todo--basic</a><a href="https://infosec.exchange/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevelopment</a> <a href="https://infosec.exchange/tags/LitElements" class="mention hashtag" rel="nofollow noopener" target="_blank">#LitElements</a> <a href="https://infosec.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://infosec.exchange/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontEnd</a> <a href="https://infosec.exchange/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponents</a> <a href="https://infosec.exchange/tags/StateManagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateManagement</a> <a href="https://infosec.exchange/tags/Encryption" class="mention hashtag" rel="nofollow noopener" target="_blank">#Encryption</a> <a href="https://infosec.exchange/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#Coding</a> <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenSource</a>

xoron :verified:I'm working on a new <a href="https://infosec.exchange/tags/UIframework" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIframework</a> that prioritizes <a href="https://infosec.exchange/tags/privacy" class="mention hashtag" rel="nofollow noopener" target="_blank">#privacy</a>, <a href="https://infosec.exchange/tags/security" class="mention hashtag" rel="nofollow noopener" target="_blank">#security</a>, and <a href="https://infosec.exchange/tags/developerExperience" class="mention hashtag" rel="nofollow noopener" target="_blank">#developerExperience</a>.Key Features: * Bottom-up state management: Take control of your app's state, one component at a time. * Automatic data persistence: Simplify data management with seamless persistence. * Encrypted at rest: Keep your data safe and secure. * Functional web components: Build reusable, composable UI components.I'd like you to give it a try and let me know how it feels to code in this framework. It don't have much documentation on it, but I hope it's intuitive to use.<a href="https://github.com/positive-intentions/dim" rel="nofollow noopener" translate="no" target="_blank">https://github.com/positive-intentions/dim</a><a href="https://positive-intentions.com/blog/dim-todo-list" rel="nofollow noopener" translate="no" target="_blank">https://positive-intentions.com/blog/dim-todo-list</a><a href="https://positive-intentions.com/blog/async-state-management" rel="nofollow noopener" translate="no" target="_blank">https://positive-intentions.com/blog/async-state-management</a><a href="https://infosec.exchange/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://infosec.exchange/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://infosec.exchange/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://infosec.exchange/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#typescript</a> <a href="https://infosec.exchange/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#react</a> <a href="https://infosec.exchange/tags/webcomponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#webcomponents</a> <a href="https://infosec.exchange/tags/openSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#openSource</a> <a href="https://infosec.exchange/tags/foss" class="mention hashtag" rel="nofollow noopener" target="_blank">#foss</a> <a href="https://infosec.exchange/tags/indiedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#indiedev</a> <a href="https://infosec.exchange/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a> <a href="https://infosec.exchange/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a> <a href="https://infosec.exchange/tags/softwaredevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#softwaredevelopment</a>

Mai :v_trans::boost_ok: I'm in the middle of the search which UI Framework I should use for future projects (web and maybe native mobile as well), and need some simple but not-so-boring app ideas or specs which I can implement to compare frameworks better.I only know of <a href="https://www.realworld.how/docs/intro/" rel="nofollow noopener" translate="no" target="_blank">https://www.realworld.how/docs/intro/</a>, does anyone have other projects like this?<a href="https://soc.saiyajin.space/tags/boostok" class="mention hashtag" rel="nofollow noopener" target="_blank">#boostok</a> <a href="https://soc.saiyajin.space/tags/software" class="mention hashtag" rel="nofollow noopener" target="_blank">#software</a> <a href="https://soc.saiyajin.space/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a> <a href="https://soc.saiyajin.space/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://soc.saiyajin.space/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://soc.saiyajin.space/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://soc.saiyajin.space/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#typescript</a> <a href="https://soc.saiyajin.space/tags/vuejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#vuejs</a> <a href="https://soc.saiyajin.space/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactjs</a> <a href="https://soc.saiyajin.space/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://soc.saiyajin.space/tags/uiframework" class="mention hashtag" rel="nofollow noopener" target="_blank">#uiframework</a> <a href="https://soc.saiyajin.space/tags/webframework" class="mention hashtag" rel="nofollow noopener" target="_blank">#webframework</a>

jordanGod bless <a href="https://mastodon.jordanwages.com/tags/stablediffusion" class="mention hashtag" rel="nofollow noopener" target="_blank">#stablediffusion</a>. Look at this potential rework of the X-Box interface. It's beautiful. Someone get this to Microsoft. <a href="https://hachyderm.io/@shanselman" class="u-url mention" rel="nofollow noopener" target="_blank">@shanselman</a> put this in front of your work friends. Someone get Steve Balmer on the line. This is important. Some art designer please fine tune this with some real icons and fonts and stuff. This could be your magnum opus.<a href="https://mastodon.jordanwages.com/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://mastodon.jordanwages.com/tags/gui" class="mention hashtag" rel="nofollow noopener" target="_blank">#gui</a> <a href="https://mastodon.jordanwages.com/tags/xbox" class="mention hashtag" rel="nofollow noopener" target="_blank">#xbox</a> <a href="https://mastodon.jordanwages.com/tags/uiframework" class="mention hashtag" rel="nofollow noopener" target="_blank">#uiframework</a> <a href="https://mastodon.jordanwages.com/tags/userunterface" class="mention hashtag" rel="nofollow noopener" target="_blank">#userunterface</a> <a href="https://mastodon.jordanwages.com/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://mastodon.jordanwages.com/tags/retroui" class="mention hashtag" rel="nofollow noopener" target="_blank">#retroui</a> <a href="https://mastodon.jordanwages.com/tags/uidesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#uidesign</a> <a href="https://mastodon.jordanwages.com/tags/designinspiration" class="mention hashtag" rel="nofollow noopener" target="_blank">#designinspiration</a> <a href="https://mastodon.jordanwages.com/tags/gameconsole" class="mention hashtag" rel="nofollow noopener" target="_blank">#gameconsole</a> <a href="https://mastodon.jordanwages.com/tags/uxdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#uxdesign</a> <a href="https://mastodon.jordanwages.com/tags/graphicdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphicdesign</a> <a href="https://mastodon.jordanwages.com/tags/steveballmer" class="mention hashtag" rel="nofollow noopener" target="_blank">#steveballmer</a>

Recent searches

Search options

Administered by:

Server stats:

#uiframework