Click to Follow vite_js

Vite

@vite_js

Fast and simple build tool for the web. It's pronounced /vit/ like Veet! Discord chat: chat.vitejs.dev, Mastodon: @vite@webtoo.ls

vitejs.devJoined February 2021

118 Following

46.7K Followers

Vite ⚡’s Tweets

Pinned Tweet

Vite

@vite_js

Dec 9, 2022

⚡️ Vite 4 is out! From all of us on the Vite team, thanks a lot to everyone that contributed to Core, pushed improvements from your frameworks upstream, expanded the ever-growing plugin ecosystem, and triaged, tested, or helped others in our community 💜

vitejs.dev

Announcing Vite 4

Vite 4 Release Announcement

522

1,869

Would you like to build a custom plugin for

@vite_js

? ⚡️ I decided to write an article about it because it is relatively simple, while it can deliver a lot of value for your project 🚀 Check the following article 👇

dev.to

Building custom plugins for Vite

I recently started building an Open Source project that is powered by Vite

and I am amazed about...

One more thing—say hello to HoustonAI ✨ HoustonAI is an experimental AI assistant, trained on the Astro docs and ready to answer all of your questions! Powered by

@OpenAI

GPT-3,

@LangChainAI

, and (of course) Astro 2.0.

houston.astro.build

HoustonAI • Astro Assistant

HoustonAI is an experimental AI assistant, trained to answer questions about Astro. Powered by Astro 2.0, GPT-3, LangChain, and the Astro documentation website.

201

1,260

Join us next Thursday for our first Town Hall! Topics for February: 🎉 v4.0: New Auth API and Enhanced GraphQL Security 🔥 Upcoming Vite Support (Experimental) Then stay after for break-out discussions with the Core Team. Details and registration:

lu.ma

Redwood Monthly Town Hall · Zoom · Luma

Join us at our monthly town hall to discuss all things RedwoodJS! Topics for February:

v4.0: New Auth API and Enhanced GraphQL Security

Upcoming Vite Support...

Vitest is production-ready 👀

Quote Tweet

Used Vitest so smoothly that I almost forgot it is not production-ready

@vitest_dev when is v1.0.0 estimated to be ready?

#vuenation

185

Vue family sites created by VitePress looks very good you know 😍

@youyuxi

We might wanna have logo for Router and VTU for the branding sake 😆?

363

Hybrid rendering is here! 🚀 Let's dive into how we built it and the new possibilities it unlocks in Astro 2.0 ✨

astro.build

Unlock New Possibilities with Hybrid Rendering | Astro

New in Astro 2.0: Hybrid rendering unlocks the best of both worlds—choose between the performance of static pages or the full flexibility of server rendering for each page of your website.

194

Migrated Vue 3's entire test suite from Jest to Vitest in one day, 175 test files / 2647 test cases. A couple of small issues, but I found workarounds - 99% of test code remained exactly the same, and almost everything in Jest has an equivalent.

918

Learn more about the HMR changes to vite-plugin-react here. Shoutout to Arnaud Barré for his continuous work to polish the Vite+React story.

github.com

feat: invalidate message and fix HMR for HOC, class component & styled components by ArnaudBarre ·...

Fixes all known HMR issues (fix #26, fix #6, fix #21, fix #11, fix #8, fix #20). The SWC plugin also add an issue in the case of "hidden" component (like styled components), fixed in vite...

Thanks to

and

, Vite's docs are also getting a refresh. You can use main.vitejs.dev to browse the docs for the main branch of Vite Core.

main.vitejs.dev

Vite

Next Generation Frontend Tooling

✋ vite@4.1.0-beta.1 is out! Apart from fixes and perf improvements in core, a new release of the Vite React plugin fixes many HMR edge cases. Please help us to test the beta and report back! 💜 > pnpm create vite@beta Check out the changelog at

github.com

vite/CHANGELOG.md at main · vitejs/vite

Next generation frontend tooling. It's fast! Contribute to vitejs/vite development by creating an account on GitHub.

239

Now there are no (duplicate) files with a ? [sm] suffix. Logpoints, breakpoints et. al. are preserved and triggered even after a hot module replacement (in Vite). Live on Canary.

GIF

Excited for Typesafe Markdown? 👀 Let's explore Content Collections, now built-in with Astro 2.0 🪐

astro.build

Introducing Content Collections: Type-Safe Markdown in Astro 2.0 | Astro

New in Astro 2.0: Content Collections deliver a better developer experience for working with local content like Markdown and MDX. Powered by TypeScript, your local content is now automatically typed...

121

Got a shoutout 🥰 It’s great when working in Astro also benefits the base ecosystem as a whole. Go check out Astro 2.0 today!

Quote Tweet

Astro

@astrodotbuild

Jan 24

Astro 2.0 – our most exciting release yet! astro.build/blog/astro-2/

Show this thread

Astro 2.0 – our most exciting release yet!

astro.build

Astro 2.0 | Astro

Astro 2.0 is here! Astro 2.0 is the first major web framework to deliver complete type-safety for Markdown and MDX. Other release highlights include: Hybrid Rendering • Redesigned Error Overlays •...

524

1,896

Nuxt v3.1.0 is out ✨ 🏝️ Experimental Component Islands 🪄 onNuxtReady, useNuxtData and useSeoMeta 💪 Nitropack v2, Vite 4 and Rollup 3 ⚡️ Performance improvements github.com/nuxt/nuxt/rele

read image description

ALT

255

1,194

🔴 LIVE on Twitter in 30min! 🔔 link to set a reminder in the tweet below: twitter.com/astrodotbuild/

Astro 2.0 Q&A with the Astro Core Dev Team. Hosted by Cassidy Williams

read image description

ALT

Quote Tweet

Want to know more about what's inside? Join us later today (12pm PST) for a special LIVE Q&A with the Astro core team. Hosted by @cassidoo. feat. @FredKSchott, @BHolmesDev & more! twitter.com/i/spaces/1BRJj

Show this thread

Put together a simple

@capacitorjs

game starter using

@phaser_

and

@vite_js

. Great starting point for your next mobile game 🕹 github.com/ionic-team/cap

Playing with

from scratch for the first time. Wonderfully easy getting started process 👍

I'd add it isn't like meta-frameworks are the only place we've had huge boosts in DX for getting started with projects.

@vite_js

is miles from those old Webpack configs. The arguments on both sides here never change, just the specifics, and sometimes the players.

A little bit over a year has past since

@vitest

was made public, and now it has 1 million weekly downloads 😱 I want to say thank you to everyone who contributed and supported the project! 🙏 The adoption rate is insane 🔥

read image description

ALT

Getting Started With SvelteKit by

@AdamRackis

css-tricks.com

Getting Started With SvelteKit | CSS-Tricks

SvelteKit is the latest of what I'd call next-gen application frameworks. It, of course, scaffolds an application for you, with the file-based routing,

Migration completed to nuxt/nuxt ☑️ Thank you for your patience 💚 and support ⭐

github.com

GitHub - nuxt/nuxt: Nuxt is an intuitive and extendable way to create type-safe, performant and...

Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. - GitHub - nuxt/nuxt: Nuxt is an intuitive and extendable w...

347

We're delighted to welcome three new contributors to the Nuxt team:

@TheAlexLichter

@li_hbr

and

@harlan_zw

. I'm grateful for their contributions to

@nuxt_js

so far and can't wait to see what is to come ✨

232

In this article, I share my experience on optimizing the bundle size of a

@vuejs

application utilizing the

@vite_js

build tool for improved performance and user experience. #vite #vuejs

mahmood.blog

Getting the Most Out of Vite: Tips for Reducing Vue 3 Bundle Size

As a web developer, you understand the importance of providing a fast and smooth user experience for your customers. When it comes to…

📣 Just Scheduled! 📣

is a Vite-native unit testing framework that’s Jest-compatible. Core maintainer

@antfu7

will teach us how to use it in this episode. ⬇️ Details Here ⬇️

learnwithjason.dev

Fast Unit Testing With Vitest

February 2 @ 5:30 PM UTC — Vitest is a Vite-native unit testing framework that’s Jest-compatible. Core maintainer Anthony Fu will teach us how to use it in this episode.

156

Want to "automagically" migrate from a #CRA & #webpack based setup to

@vite_js

? Well, here's how that could work 😃 🤓👉 dev.to/nx/react-vite-

125

Little

secret: Sourcemaps don't work in SSR dev. A PR just got merged that enables using Node ESM loaders for Vite SSR with breakpoint support. I already have something cooking based on this. Breakpoints in

@sveltejs

Kit SSR code is nice :)

github.com

feat: add experimental option to skip SSR transform by cyco130 · Pull Request #11411 · vitejs/vite

Description This PR adds an experimental option to skip SSR transform so that we can use Vite directly in Node's (currently experimental) ESM loaders. You can think of it as a minimal alternati...

Show this thread

Vite

Retweeted

@shawnwildermuth@fosstodon.org

@ShawnWildermuth

Jan 18

New Blog Post and Video on working with

@vite_js

and #aspnetcore projects:

wildermuth.com

Vite-Powered SPAs in ASP.NET Core Projects

Discover our Nuxt vision for 2023 🌘

nuxt.com

Nuxt: A vision for 2023

This past year has been an exciting one. Looking into the new year, there is a lot we have planned as a team and we'd love to share it with you.

139

623

VitePress Alpha.38 is out! Now we've got Internationalization feature everybody! HUGE kudos to

@_brc_dd

for this amazing work! 🎉🎉🎉 Docs: vitepress.vuejs.org/guide/i18n

I'm really excited to announce ♦️ Akte today! 🗜️ It's a minimal file generator to make websites with an integrated data cascade. ⚡️ It integrates with

@vite_js

and has serverless capabilities. 🈂️ It's all nicely typed~ Let me know what you think! ☺️

akte.js.org

Akte - A minimal static site (and file) generator

Akte is a minimal file generator to make websites with an integrated data cascade. It integrates with Vite, has serverless capabilities, and is all nicely typed~

And

makes it even easier to set up

@storybookjs

7 with

@vite_js

So check out our guide!!! nx.dev/packages/story

Quote Tweet

Storybook

@storybookjs

Jan 16

Do you prefer Vite over Webpack? Storybook 7 makes it even easier to build stories with @vite_js To learn more, watch @IanVanSchooten's talk from Vite conf: youtube.com/watch?utm_camp

We can catch and fix breakages much faster now! Inspired by

@vite_js

's ecosystem CI, we’ve implemented a notification system that posts to the Storybook Discord whenever CI breaks. storybook.js.org/blog/storybook

Love seeing

getting some well-deserved love on the big orange website! 🙋Try Alpine.js in your browser! ⚡️Powered by Stackblitz & Astro

stackblitz.com

Astro Framework Alpine Example - StackBlitz

Run official live example code for Astro Framework Alpine, created by Withastro on StackBlitz

Fastify-vite [

] 🌎 fastify.io & vitejs.dev 🐱‍🚀 github.com/fastify/fastif 🧮 openjs-foundation.slack.com 🪩discord.com/invite/aYVNktY

One of the biggest revelations at ViteConf was hearing from

@IanVanSchooten

that Storybook 7 can run our stories without webpack. This a huge milestone for

@storybookjs

and

@vitejs

⚡️ Watch Ian's talk and learn about what's in store for Storybook in 2023: youtu.be/0PhjwygY7A8

Developing, Documenting, and Testing your Vite app with Storybook, Ian VanShooten talk for ViteConf 2022

read image description

ALT

It's packages (and the thought behind it) like this that make me think

@vite_js

is the real deal! How many times have you configured a plugin and have no idea what's happening? Not something you need day-to-day... but a life saver when you do 🚀🚀🚀

github.com

GitHub - antfu/vite-plugin-inspect: Inspect the intermediate state of Vite plugins

Inspect the intermediate state of Vite plugins. Contribute to antfu/vite-plugin-inspect development by creating an account on GitHub.

I shipped my vite plugin as an npx script. This will spin up a vite server, and list all directory contents. Each html file will be parsed by vite and get all the usual good stuff - live reload and parse of css, images, js, ts...

142

Show this thread