React-like syntax with WebComponents.

​After spending some time with Lit, I really appreciated its lightweight footprint but wasn't a fan of the class-based components. While Vue offers a great approach, I still prefer the intuitive nature of React's syntax for debugging and deterministic rendering. This led me to a challenge: could I build a UI framework using WebComponents that completely eliminates the need for transpilation?

​I have written a breakdown of the concept, the architecture, and where I want to take it. I highly invite you to take a look, check out the code, and explore the live demo.

* How it works: https://positive-intentions.com/docs/projects/dim/dim-jsx-webcomponents
* Checkout the code: https://github.com/positive-intentions/dim
* Storybook demo: https://dim.positive-intentions.com

​Please note, while the project is open-source, this is a personal exploration rather than an attempt to launch "yet another framework." It is not production-ready and is built for my own upcoming project migrations, but I am sharing it in hopes that the methodology is educational or interesting to the community.

​I would love to hear your thoughts on this approach. Feel free to reach out if you have any questions or want to discuss the implementation details.

​#WebDev #WebDevelopment #Frontend #FrontendDev #JavaScript #JS #TypeScript #TS #HTML #HTML5 #CSS #SoftwareEngineering #SoftwareEngineer #Coding #Programming #WebDesign #OpenSourceProject #IndieDev #SideProject #Tech #Technology #DevCommunity #Fediverse #FediverseDevs #WebStandards #CustomElements #ShadowDOM #VanillaJS #NoTranspiler #NoBuild #BuildStep #EsModules #ComponentDriven #UIUX #DesignSystems #TechExperiment #LearningInPublic #Developer #ComputerScience #OSS #Github #React #WebComponents #Lit #Vue #ReactJS #JSX #Storybook #TechArticle #TechBlog #TechWriting #WebDevArticles

Testing in Safari can be an expensive ordeal thanks to Apple only supporting the browser on their platforms. Over on Frontend Masters, I wrote about testing in Safari without spending a small fortune.

https://frontendmasters.com/blog/testing-safari-on-a-budget/

#Safari #FrontEndDev #WebDev

Are you tired of fighting with restrictive website templates that look exactly like everyone else's? 🥱 Your business is unique, and your digital presence should be too. Rusd Ltd crafts bespoke, custom website designs tailored perfectly to your target audience and brand identity. Stand out from the crowd. Contact us today to get started! 💎

#CustomWebDesign #Webflow #WordPress #UIUXDesign #FrontendDev #BrandIdentity #CreativeDirection #WebAgency #EntrepreneurLife #RusdLtd

I miss focusing on the front end. Trying to do all the things is hard and it cuts into the time available to do great things with either side.

#FrontEndDev #FullStack https://mastodon.social/@racheled/116453997546186402

When I build websites, the first tool I reach for is Web Origami, made by @JanMiksovsky. It is a brilliant way to manage data and content, transforming it as necessary. Vale.Rocks and most of my other sites are completely built upon it.

Here are some more thoughts: https://vale.rocks/posts/web-origami

#WebDev #FrontEndDev #WebOrigami

Web Weekly is always a highlight of my Monday. Stefan absolutely kills it! Go check it out!

#WebDev #FrontEndDev

RE: https://front-end.social/@stefan/116397781027783395

New blog post is live 🚀

This one is about designing a modern CRM Admin Dashboard with Tailwind CSS with a focus on clean UI, scalable layout, and practical dashboard structure.

If you're working on admin panels or SaaS tools, this might be helpful.

Read it here:
https://tailwind-admin.com/blogs/crm-admin-dashboard

#webdevelopment #frontenddev #tailwindcss #uiux #saas