ICYMI - Coding Short from the Vault:

Coding Shorts: Getting Started with #vite 4

youtube.com/watch?v=f4aqcwbqKd0

#deno has good support for #vite apps. Currently testing with a large #vue app and since it has many packages in the #monorepo with #workspace|s this has come handy. To start an app from the root of the project do this:
```sh
deno task --filter @scoped/package dev
```

This will run the mentioned workspace as expected. Other scripts are obviously possible. To see all possible ways of running node scripts as deno tasks, see this diff: https://github.com/denoland/deno/pull/26949/files#diff-78583cc9291950bd1c81e16f76dfa2cfdbb06c18b44db227e9d3523b5e787f99

Big wins from the Ember Initiative

@real_ate shares the latest wins from Mainmatter’s ongoing work: Embroider@4 is now stable, @vite is the default, there's a codemod to help you migrate, and we’ve audited the top 100 addons—plus defined a migration path for ember-css-modules.

Big improvements for everyone using #EmberJS

Read the full update https://mainmatter.com/blog/2025/04/10/ember-initiative-first-update/

"Just use #Vite”… with the #Clouflare Workers runtime

https://blog.cloudflare.com/introducing-the-cloudflare-vite-plugin/

At the recent DrupalSouth in Melbourne, Jack shared how we modernised our frontend tooling using Vite and Storybook—with practical guidance you can implement yourself.

https://www.previousnext.com.au/blog/video-how-we-modernised-our-frontend-tooling-using-vite-and-storybook

It doesn't click for me how:

https://rwsdk.com/personal-software

a #Vite powered, #React server component, cloudflare preferred solution addresses the print("hello world") experience.

It read like they were suggesting #LocalFirst -- but seems like they're a long way from that. (https://github.com/redwoodjs/sdk).

Maybe Cloudflare is funding the dev?

Deploying from Github to Needle Cloud is now also easily possible using our #github action

Github Action:
https://github.com/marketplace/actions/deploy-to-needle-cloud

Our template projects for #vite #react #next #sveltekit and #vuejs use it now: https://github.com/needle-engine

Here's my 2-hour session from last night where we used Github Copilot Edits to create a "Space Invaders" clone. We go from a blank #Vite project to a technically full game with scoring, lives, title screen, etc. What a blast!

https://youtu.be/hFR1IpF5_Lc

REPO: https://github.com/Fortyseven/codegen-space-invaders

Half my day today is going to be focused on the continued upgrade from Node 16, react-scripts, to 18 and Vite.

This is gunna be rough...

I’ve spent the afternoon trying to upgrade a React app to Node 18.

It was built on create-react-app, which is now very much defunct. So turned to @vite. Slowly getting through it, but wow there’s some weirdness in here.

Moral of the story; stay on top of your projects, and their decencies!!

ICYMI - Coding Short from the Vault:

Coding Shorts: Using the #vite PWA Plug-in

youtube.com/watch?v=YSGLw4T8BgQ

ember-css-modules can block #emberjs apps from switching to @vite . We’ve paved a migration path—with ember-scoped-css. Read @BlueCut ’s step-by-step migration guide with gradual file-by-file refactoring while keeping styles intact https://mainmatter.com/blog/2025/03/28/migrate-from-ember-css-modules/

I #blogged about #EmberJS & #Embroider & #Vite issue with optimised dependencies: https://dev.to/michalbryxi/embroider-vite-neterraborted-504-outdated-optimize-dep-4c90

We are thrilled to announce that #Shopware 6.7 RC1 is out now. Notable changes:

* migration from Webpack to #Vite
* #Vue.js enhancements
* Cache rework

Please read our blog post about the key facts https://www.shopware.com/en/news/shopware-6-7-release-candidate-1/ and the release tag entry on Github: https://github.com/shopware/shopware/releases/tag/v6.7.0.0-rc1

Following Aaron Francis (try hard approach), decided to simplify my @CrystalLanguage and Vite.js integration: no CORS fights, no crossdomain, no endless config, and just a single port exposed: https://www.youtube.com/watch?v=ek6VSCUYAIE

Made a #facefilter demo for our new npm package

Demo: https://stackblitz.com/edit/needle-engine-facefilter?file=src/main.ts
Source: https://github.com/needle-engine/facefilter
Npm: https://www.npmjs.com/package/@needle-tools/facefilter

More is coming next week

Another productive week for #EmberJS
https://github.com/BlueCutOfficial/BlueCutOfficial/blob/main/articles/ember-initiative-journey/week-5.md

ICYMI - Coding Short from the Vault:

Coding Shorts: Using #vite in #aspnetcore Projects

youtube.com/watch?v=NG3KAng2mAI

Using #Vite development server to proxy calls to an #aspnetcore backend is relatively simple if you know what levers to pull.

This should make #TypeScript and #JavaScript development for #dotnet powered APIs much more straightforward for folks than dealing with the SpaProxy.

Loading #aspnetcore self-signed certificate into your #vite dev server is straightforward. Here is the code for anyone doing #frontend #javascript #development.

The pfx file is under `~/.aspnet/dev-certs/https` on macOS.