#Vite
https://dev.to/olyno/how-to-create-an-electron-application-with-vite-im - create an app with #Electron and #Vite. Great tutorial https://www.github.com/Olyno.
Hier die Slides von meinem Talk zu Vite & TYPO3 auf dem TYPO3 Camp Berlin-Brandenburg: https://speakerdeck.com/s2b/vite-and-typo3 #t3cb #typo3 #vite #frontend
Es gibt ja eine menge Youtuber, die einem sonst was erklären wollen. Die meisten sind für mich leider zu schnell beim Sprechen. Es gibt einen, der heisst Mario, der erklärt in aller Ruhe und hat einen sehr guten Stil. Finds ein wenig schade, das er so wenig aufmerksam bekommt, daher hier mal eine Werbung für ihn
https://www.youtube.com/watch?v=N1yzhcguXNU&list=PLnqycjkeRGqn6lFzLQozYoby6hRc_bvg0
Sorry für den YT Link, aber hab keine gute Indivous Instanz gefunden, vielleicht kann jemand ein Tip geben ;D
https://github.com/vitest-dev/vitest - Vitest: it's like #Jest but using #Vite loader, so no need for vue-jest, ts-node, etc, etc. And it loads with Vite, so it's fast. Runner in #VSCode: https://marketplace.visualstudio.com/items?itemName=ZixuanChen.vitest-explorer
https://vuesome.dev/articles/add-testing-to-vite/ - setup #testing with #Jest and #Cypress for a #Vite, #Vue3, & #TypeScript. Great tutorial https://github.com/vuesomedev.
https://miyauchi.dev/posts/vite-vue3-typescript/ - spin up a new #Vue3, #Vite, #TypeScript app. Nice article https://github.com/TomokiMiyauci.
Dios que bueno es #Vite
Mit der neuen #TYPO3 Extension vite-asset-collector kann man die Vorteile der neuen fancy Frontend-Building-Welt von #vite jetzt auch zusammen mit TYPO3 (v12) genießen. Ich freue mich über Feedback, Edge Cases oder Pull Requests.
https://github.com/s2b/vite-asset-collector
danke an @kinoauge für die Inspiration und Vorlage!
#Angular v16 launched today!
This is a feature-PACKED release including:
🚦 Signals in developer preview.
➡️ Required inputs.
💧 Non-destructive hydration in developer preview.
🧍♀️ Standalone APIs for #Universal and improved schematics.
🛠️ Faster builds with #ESBuild and #Vite in developer preview.
🃏 Experimental #Jest support.
🅰️ ... and way more!
Check out our blog post for all the deets.
Hi 👋
I'm Christopher, living in Hamburg.
I am looking for a new #job opportunity in IT and would like to get #hired.
I want to design a #graphql written in a compile-time #nullsafe language, namely #typescript, #kotlin or #Rust.
Also I still want to develop the #frontend in #vue 3+.
You might know me from the #vite core team and might have seen me at #VueAmsterdam2023, but I'm also one of the maintainers of @faker_js!
Please feel free to explore my #github profile at https://github.com/Shinigami92
Today in #BikeHopper: shipped several little bug/annoyance fixes, including initializing the date picker properly. Also converted the build system from Create React App to #Vite.
Code: https://github.com/bikehopper/bikehopper-ui
Live version supporting SF Bay Area only: https://bikehopper.org
So, create-single-spa. Am I right?🧐
This is how you can ditch create-single-spa in favor of #vite -powered projects that work simultaneously as standalone web applications and #singlespa mifes: https://webjose.hashnode.dev/making-your-vite-project-standalone-and-single-spa-simultaneously
Bookmark the series if the topic interest you: https://webjose.hashnode.dev/series/single-spa-and-svelte
Wrote a blog post about solving a #dockercompose error I was running into with #vite and #react not building correctly. Solving it unblocks work on the #codeforphilly project my team will be presenting during #ptw2023
https://travissouthard.com/blog.html
#softwaredevelopment #softwareengineering #docker #civictech
Whoop! 🎉 I've just called a #Rust #WASM module from my #Vite #Vue app! :awesome:
It uses rsw with it's Vite plugin:
https://github.com/rwasm/vite-plugin-rsw
Good examples can be found here:
https://github.com/rwasm/learn-wasm
It requires a bit of config, but not too bad, given that it's bleeding edge.
What tripped me up in the very end:
You need to call `init()` first from your wasm module, otherwise error "wasm is undefined", when calling your function.
https://users.rust-lang.org/t/wasm-pack-without-node-js-npm/55949
Vite is having a Bug Bounty offering up to $2000 to test Large Contracts and Await Features.
I released a new Coding Short video on #vite. Take a look here:
https://www.youtube.com/watch?v=f4aqcwbqKd0&ab_channel=ShawnWildermuth
Are you working with #javascript Import Maps instead of a bundler like #vite, and you want to use #Preact instead of #react? But you still want to use preact/compat to use react libraries but don't know how without said bundler?
Use the alias query param of esm.sh! Simply append ?alias=react:preact/compat to your react library of choice and enjoy all the benefits of preact with import maps.
e.g. https://esm.sh/react-image-crop@10.0.9?alias=react:preact/compat
Je viens de réaliser que j'avais oublié de recharger mes batteries... et là, je suis planté au milieu de la pièce, sans bouger. Quelqu'un peut m'aider ? #RobotEnRade #Help #Vite
I've been helping out with this project `Vite.AspNetCore` for #aspnetcore devs.
It starts the #vite dev server, generates and uses the manifest, has tag helpers.
It works with MVC, Razor Pages, and #blazor.
The author, Quetzal Rivera, has done a great job and you should head over and give this project a star.
The glob import approach has changed in the latest #Vite (4.2.2) version. You can now pass in an options object instead of calling `globEager`.
My latest (and greatest) book, JavaScript All-in-One For Dummies, is available now!
Every junior developer or aspiring JS developer needs this book, imho.
The book teaches modern #JavaScript, how browsers work, using #VSCode like a pro, #Git, #prettier, #eslint, #vite, #webpack, #react, #vue, #svelte, #http, #jest, #node, #express, #mongodb, #mongoose, and finishes with a chapter on authentication with #jwt.
It took me 6 months to write and is over 800 pages.
I'm pretty happy with this #Vite asset management project showing how to manage assets and put them into specific folders based on regex files.
I also use a plugin to scrap assets from HTML, which, personally, I thought Vite did out of the box (it really should). 😅
This @vite plugin works great for processing images that are used in both HTML files and in your components.
It currently targets #Vite 3.0 but one force install later and it works with Vite 4+.
So I've been doing some #OSS work for a #Vite #aspnetcore integration, and found a great blog post by @thomaslevesque about running tasks on Middleware. While he doesn't recommend the approach in an app you fully control, it works well for the scenario I have.
That said, his project Extensions.Hosting.AsyncInitialization is a great package for anyone looking to run tasks before the host starts.
https://github.com/thomaslevesque/Extensions.Hosting.AsyncInitialization
The one down-side of using #Vite HMR is the flashing of content while the websocket to the Vite dev server is made.
On the plus side, I get to practice with my rave glow sticks (just kidding I'm not cool enough for rave glow sticks).
Misskey 13.11.1 is now available with lots of bug fixes @syuilo
https://github.com/misskey-dev/misskey/releases/tag/13.11.1
#misskey #opensource #foss #fediverse #misskeydev #social #network #socialnetwork #microblog #activitypub #typescript #vue #pnpm #vite
Why F# works in the Enterprise? 🤔
F# is also a JavaScript language!
With WebSharper you have Enterprise-grade full-stack F# for the web and a F# to Javascript compiler! ➡️ http://bit.ly/40NsC2B
#javascript #react #vite #fsharp #webdevelopment @WebSharper
I was able to integrate #Vite and #Lit elements into and #aspnetcore application.
This allows you to create reusable web components that are framework agnostic. Drop them into any HTML page as you would any HTML element.
Super fast web build tool written in #Rust goes brrrrrrrrrrrr:
https://github.com/farm-fe/farm
If you can trust their benchmark, startup is almost 10x faster than #Vite and HMR 5x faster! 🚀 ⚡
It's build on the awesome #SWC project.
#RustLang #Performance #JavaScript #WebDev #BuildTool #Bundler
Looks like #Angular is going to be using #vite for it's dev server. Pretty cool. https://twitter.com/mgechev/status/1641512018263040001?s=20
A #craftcms, #vite and #ddev flavoured version of my 'Hypermedia Driven Application Starter Kit', because that's what Craft devs like to use these days: https://github.com/croxton/craftcms-hda-starter-kit
Cool, I guess I can call myself now a contributer to the #vite project 🤔
https://github.com/vitejs/vite/pull/12485
Using embroider in #EmberJS, folks often ask, "How do I do build time transforms"?
✨The answer: *unplugin*. 🦾
Be resistant to changes in packagers.
Be ready for Vite 🥳
Docs here: https://github.com/unjs/unplugin
#JavaScript #unplugin #rollup #webpack #vite
RT @realstoman@TW: The new home for #ReactJS is nice. I wish the react team had included the #Vite option as well for creating a new… https://twitter.com/i/web/status/1636735030734061577 #t2m
ADORO IL GENIO - PERIODI
Tutti passano un momento particolare nella propria vita, che sia il #freeclimbing, il #poker o il #bondage...
#adoroilgenio #17marzo #vite #riciclo #riciclaggio #attrezzatura #polliceverde #giardinaggio #piante
I signed a contract today to build a serious #svelte #pwa for a big industry giant 🎉
The dist files will be deployed on embedded devices with very limited flash memory, so small bundle-sizes are a must. I suspect I need to write some custom #vite plugins but I'm really looking forward working with #svelte in a professional context.
Bye the way, I'm hiring 😉
https://fullstax.de/jobs/
I just finished the final review of my new book (coming in May): JavaScript All-In-One For Dummies. This one has been my dream to write for over a decade, and I've been working on it for 10 months.
When I used to hire junior developers, I'd find myself (and them) overwhelmed with how much they had to know to be to be productive. This book addresses that.
#JavaScript #Git #vscode #React #Vue #Svelte #ESLint #Jest #Node #webapi #express #mongodb #webpack #babel #vite #rest #jwt #micdrop
Playing around with just using Lit for web ui stuff, so far I'm really happy with it. Works great with a vanilla vite setup. #webcomponents #lit #vite #javascript
#Development #Overviews
The most popular build tools for front-end developers in 2023 · Key features and benefits of the top build tools for web development https://ilo.im/11g6au
_____
#WebDevelopment #WebDev #Frontend #Workflow #Collaboration #Automation #Tool #BuildTool #Compiler #Bundler #TaskRunner #JavaScript #TypeScript #Esbuild #Lerna #Nx #Parcel #Rollup #Rome #SWC #Turbo #Vite #Webpack
Another release for Misskey - upgrade to v13.9.1 now ... server performance improvement and bug fixes
https://github.com/misskey-dev/misskey/releases/tag/13.9.1
#misskey #opensource #foss #fediverse #misskeydev #social #network #socialnetwork #microblog #activitypub #typescript #vue #pnpm #vite
wrote a little post about what you can do with #svelte preprocessing plugins and how to cook them.
#javascript #frontend #typescript #development #sveltekit #vite
@spences10 @dimfeld A `?raw` import is a feature of #Vite. I colocate example files with posts and then create a StackBlitz embed on the fly.
But I would also be curious to see an actual code example, @dimfeld.
Yo, there are so many modern #JavaScript frameworks and workflows!! 😅
I'm extremely fond of @preact, which makes me really excited to use #Fresh and @deno_land (especially now that #Deno supports NPM).
I'm trying my best to keep-up with all the ongoings, but I just learned about #Qwik today and I finally grokked what #Vite and #PartyTown do. 🤪
How does anyone keep all this JavaScript stuff straight? What's current, legacy, upcoming? 😅
Hey front-end dev 👩🚀!
Would you recommend using vite/rollup as opposed to vue-cli/webpack 5 for an app that is largely used by older mobile phone browsers? The documentation for supporting older browsers is clear but very short and almost seems like it’s not an expected use case.