We’ll build Web Components, package them, plug them into React, and write a Vite plugin to make it all work seamlessly. July 24, full remote.

Book now ➡️ https://ti.to/mainmatter/svelte-without-svelte-july-2025?utm_source=mastodon&utm_medium=social&utm_campaign=25-06-20-svelte-workshop-without-svelte-content

#Svelte #React #Vite #WebComponents #Frontend #Mainmatter
🧵2/2

Major version #Shopware 6.7.0.0 has been released recently including support for #vue3, webpack to #Vite migration in admin and a reworked cache system for better #performance https://developer.shopware.com/release-notes/6.7/6.7.0.0.html

Как мы распилили монолит на микрофронтенды с Vite и не сошли с ума

Наш фронтенд начинался как простой SPA на React, собранный с помощью Vite — типичный монолит с несколькими страницами. Со временем проект оброс новыми функциями и интеграциями и начал становиться всё сложнее в поддержке. На горизонте появились новые вызовы: к продукту планировалось подключать всё больше независимых сервисов, а значит — ещё больше интеграций и роста кодовой базы. Мы понимали, что нагрузка на инфраструктуру будет только увеличиваться, поэтому решили заранее заложить архитектуру с расчётом на масштабирование. После изучения разных вариантов мы остановились на подходе микрофронтендов. Хотелось разграничить зоны ответственности между командами и ускорить разработку, не теряя гибкости. В качестве сборщика решили остаться на Vite — он быстро развивался, предлагал отличную DX и поддержку модульной федерации через плагин. Кроме того, важно было сохранить единый репозиторий, чтобы упростить CI/CD и управление зависимостями.

https://habr.com/ru/companies/beeline_tech/articles/918860/

#микрофронтенды #vite #frontops #module_federation #microfrontends #react

A library for providing type-safe internationalized messages on TypeScript + React + Vite environment.

#typescript #react #vite #i18n

https://github.com/kekyo/typed-message

Import maps are awesome!
Today we deployed a major overhaul of how our static assets (i.e. #JS and #CSS) on #geizhals are built and served. After ~2 yrs in the making, we finally replaced webpack with #vite and use a redis-cached import map to resolve JS imports.
Through this change, we first and foremost get much better browser caching for users, but it also enables full HMR on our monolithic application in devmode and well structured configurations. Congrats to the team for pulling this off.🎉

Announcing Rolldown-Vite, by @evanyou.me (@voidzero.dev):

https://voidzero.dev/posts/announcing-rolldown-vite

#vite

EL INICIO DE MI CARRERA EN DESARROLLO Y DISEÑO WEB

https://drixpell.com/2025/06/08/el-inicio-de-mi-carrera-en-desarrollo-y-diseno-web/

#drixpell #drix #desarrollo #diseño #web #html5 #css3 #javascript #tailwind #react #vite #wordpress #git #github #jquery #sass #bootstrap #php #mysql #laravel #codeigniter #vscode #figma #cursos #planes

React Testing Setup: Vitest + TypeScript + React Testing Library

https://fed.brid.gy/r/https://forem.com/kevinccbsg/react-testing-setup-vitest-typescript-react-testing-library-42c8

📝 Nette Assets: Finally unified API for everything from images to Vite

https://blog.nette.org/en/introducing-nette-assets

#php #web #assets #webassets #programming #nettefw #vite #js #frontend

We’ll use Web Components, Vite, and a little React/Svelte magic. Taught by Svelte maintainer @paoloricciuti

Only 30 spots, so book your tickets now ➡️ https://ti.to/mainmatter/svelte-without-svelte-july-2025

#Svelte #SvelteKit #WebComponents #Vite #React #Mainmatter

🧵2/2

💻 1-day team workshop (remote or on-site)

📅 Book now ➡️ https://mainmatter.com/services/workshops/svelte-without-svelte/

#Svelte #WebComponents #Frontend #React #Vite #Mainmatter

🧵2/2

ICYMI - Coding Short from the Vault:

Coding Shorts: Using the #vite PWA Plug-in

youtube.com/watch?v=YSGLw4T8BgQ

I think you have a couple of good options @mackuba

* Acknowledge you are writing a web app, that requires a build and install step and running a web server. @hexaheximal suggestion of #Vite is a fine choice.

* Deny you are writing an app, and instead write your single-file document, with no external modules; place all #JavaScript *within* the HTML document, as `script` elements.

ICYMI - Coding Short from the Vault:

Coding Shorts: Using #vite in #aspnetcore Projects

youtube.com/watch?v=NG3KAng2mAI

This patch for @vite is blocking #Fedify's Cloudflare Workers support. They say it'll be included in #Vite 7, but I can't wait that long, so I'm not sure what to do… 🤔

🚨 We uncovered a malware campaign on npm targeting devs using #React, #Vue, #Vite, #Nodejs & the Quill rich text editor.

These destructive packages delete files, crash systems, and break apps in subtle, chaotic ways. Full report →

https://socket.dev/blog/malicious-npm-packages-target-react-vue-and-vite-ecosystems-with-destructive-payloads #JavaScript #infosec

🐹 @BlueCut breaks it all down in her latest blog post:
What works, what doesn’t, and how to move forward.

Read it here ➡️ https://mainmatter.com/blog/2025/04/25/ember-addons-audit/

#EmberJS #Vite #WebDev #Mainmatter

dear #lazyweb with #vite can i reference a dependency with a <script> tag? like <script src="react"> or something. bad example because it has no side effects but you get what i mean

【個人開発学習】デジタル名刺アプリを作りました～作成過程で得た気づき３つ～
https://qiita.com/asa129/items/5bf4d591dae7fbbab362?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #TypeScript #React #個人開発 #vite

ICYMI - Coding Short from the Vault:

Coding Shorts: Building with #vite - Customizing Production Builds

youtube.com/watch?v=L23bAMdgOZA