Senior 3D Developer at Byte-Code

Byte-Code is hiring Senior 3D Developer

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

𝗘𝗮𝗴𝗹𝗲:

#Presentation #Vue.js #Eagle

https://thewhale.cc/posts/eagle

Eagle.js is a web-based slideshow framework for Vue.js. It supports animations, themes, interactive widgets (for web demos), and makes it easy to reuse components, slides and styles across presentations.

Senior Software Engineer, Backend (Servicing International) at Affirm

Affirm is hiring Senior Software Engineer, Backend (Servicing International)

PolyCSS - CSS 3D Engine for the DOM

Render solid and textured 3D meshes in the DOM without WebGL. Each polygon is a real element you can style, click, and inspect. Supports OBJ/MTL, GLB and VOX.

PolyCSS
My first thought was, "I have no idea what VoidZero is," and then I realized that it is the company behind Vite.

https://blog.cloudflare.com/voidzero-joins-cloudflare/

#Vite #Vue #VoidZero #Cloudflare
VoidZero is joining Cloudflare

VoidZero, the team behind Vite, Vitest, Rolldown, Oxc, and Vite+, is joining Cloudflare. Vite stays open source, vendor-agnostic, and built for everyone.

The Cloudflare Blog
Senior Backend Engineer at Remote

Remote is hiring Senior Backend Engineer

Давай заключим контракт?

Принципы SOLID , DRY , KISS во фронтенде работают ровно так же, как в любой другой разработке. Но если открыть почти любой проект, всё равно натыкаешься на мешанину. Причём дело обычно не в том, что код «грязный» — он как раз бывает типизирован и проходит linter . Дело в том, что эти принципы отвечают на вопрос « как написать », а не « зачем мы вообще это пишем ». А без ответа на « зачем » чистый код превращается в красиво оформленную путаницу. На примере такой вещи, как store попробуем ответить на вопрос: что вообще такое контракт, зачем же нужна типизация и действительно ли это помогает в разработке .

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

#архитектура #pinia #vue #store #typescript #javascript

Давай заключим контракт?

Принципы SOLID , DRY , KISS во фронтенде работают ровно так же, как в любой другой разработке. Но если открыть почти любой проект, всё равно натыкаешься на мешанину. Причём дело обычно не в том, что...

Хабр
Before you continue

@tanstack/vue-table: почему я почти отказался от этого…

Привет. Недавно пришлось повозиться с @tanstack/vue-table . Задача была стандартная: нужна таблица с сортировкой, фильтрами и редактированием ячеек. Казалось бы - идеальное время подключить готовое решение. Но не всё так гладко. Делюсь мыслями, граблями и тем, как я в итоге выкрутился.

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

#vue #tanstacktable #table

@tanstack/vue-table: почему я почти отказался от этого…

Привет. Недавно пришлось повозиться с @tanstack/vue-table . Задача была стандартная: нужна таблица с сортировкой, фильтрами и редактированием ячеек. Казалось бы - идеальное время подключить готовое...

Хабр