#litelement — Public Fediverse posts

UUI: Универсальная Пользовательская Дизайн-система для web

Как вырваться из замкнутого круга навязываемых акулами BigTech сомнительных технологий на простор устойчивого развития? Как сделать так, чтобы код внедряемой сейчас Дизайн‑системы — через пару лет опять не превратился в очередную, никому не нужную и максимально не удобную, «тыкву‑легаси»? Как выйти из дурного холивара с модными фреймворками на фронтенде и сделать библиотеку переиспользуемых компонент подходящую сразу для всех технологий и «на века»?))) Ваша команда работает с большим количеством различных недокументированных проектов, основанном на одном визуальном языке? У вашей корпорации есть строгий брендбук и огромное количество клиентских веб‑сервисов написанных на разных фреймворках, которые по факту выглядят немного по‑разному в «одних и тех же мелочах»? Ваши фронты «пишут каждый свой фреймворк для дизайна заново каждый раз на каждом проекте»? Знакомо? UUI спешит к вам на помощь! Мода на технологии все стремительней меняется, а браузер и простой интерфейс в нем остается. Вышел новый модный фреймворк и заказчику хочется проект именно на нем? Да пожалуйста! Легко! Так мы становимся максимально независимы от капризной и накаченной лоббированием индустрии реализуя основную задачу. Поставляя единый гайдлайн повсюду.

https://habr.com/ru/articles/1015114/

#litelement #custom_elements #атомарный_дизайн #дизайнсистема #uikit #фреймфорки

#DevLog: #Anklang #SolidJS Influx

🧬 Fixed some of my #LitElement bugs by migrating to solid
🧩 Refactored & simplified modal dialog creation

🎯 Goal: Robust UI with modern reactivity patterns!

#WebDev #100DaysOfCode

DevLog: #Anklang Tech Stack Modernization

🚀 Migrated to #TailwindCSS-4 + #Vite (#HMR rocks)

🐞 Replaced Vue with SolidJS signals + #LitElement

💡 Fixed sidebar overlaps, double-click bugs

🚧 Quirk debugging still ongoing, but progress is solid!

#100DaysOfCode #WebDev

Functional Web Components with LitElements.

For practice and learning i decided to create a #UIFramework to make LitElements more functional. i like the idea of webcomponents and #litElement, but i liked the #reactSyntax for what i see as "more readable" and "more maintainable" code. So i decided to create a simple todo app using a #functional approach with #LitElements.

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 rest

Blog: https://positive-intentions.com/blog/dim-functional-webcomponents

GitHub: https://github.com/positive-intentions/dim

Demo: https://dim.positive-intentions.com/?path=/story/components-todo--basic

#WebDevelopment #LitElements #JavaScript #FrontEnd #WebComponents #StateManagement #Encryption #Coding #OpenSource

"in a way you can think of a lit element is like a computed effect of a signals although our system kinda works like a push system instead of signals that often have a pull system" ~ @justinfagnani

#lit #litHTML #litElement #webDev #javaScript #web

It's cool that #Lit is integrating with #Signals.

It feels like we've been circling around this design pattern for decades; they've been called Observables, Pub/Sub, State, Context, etc.

STOKED to hear that there's discussion around standardizing and adding Signals to the #webPlatform!

https://www.youtube.com/live/ri9FEl_hRTc?si=-oztbFGgLG0f9aXJ&t=1636

#webDev #lit #litHTML #litElement #buildWithLit #javaScript #web #react #preact #js #reactjs

It's super cool that #Lit is supporting standard #javaScript #decorators, but I'm still not going to use them!

Maybe one day when they don't need to be transpiled anymore.

#webDev #buildWithLit #litHTML #litElement #js

I think that #shadowDOM solves #css's problems and #lit is right to scope styles to the element.

#webDev #web #html #litElement #lithtml

#lit is getting a "context" api https://www.npmjs.com/package/@lit/context

It seems to work like #React #Context, but it's an open standard that other #webComponent frameworks can apparently implement.

#javaScript #js #webDev #web #lithtml #litelement #webComponents

One thing that gets me really excited about #webcomponents is the ability to change course.

I had a project written in #vanillajs , but that was a pain, so I started writing new code using #webcomponents . But that was still a pain, so I decided to write any new components using #litelement .

For my next project I’m thinking about using #hauntedjs and #ionicframework , but there’s peace of mind knowing that if I don’t like it I can go back to #litelement or #vanillajs .