MastodonTech.de

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>

SpielmannSpielAnother Godot experiment: Tying to make a real-time power consumption graph/dashboard for the Tibber (a power company) API And it worked, nice :BlobhajHeart: Godot is a viable option as a cross-platform UI framework ^^"<a href="https://youtu.be/qTNyzat9_x8" rel="nofollow noopener" translate="no" target="_blank">https://youtu.be/qTNyzat9_x8</a><a href="https://mastodon.online/tags/godot" class="mention hashtag" rel="nofollow noopener" target="_blank">#godot</a> <a href="https://mastodon.online/tags/tibber" class="mention hashtag" rel="nofollow noopener" target="_blank">#tibber</a> <a href="https://mastodon.online/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://mastodon.online/tags/uiFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#uiFramework</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>

Frühere Suchanfragen

Suchoptionen

Verwaltet von:

Serverstatistik:

#uiframework