I love seeing PRs that add an extra 16 dependencies to the Svelte compiler and make load more slowly for everyone so that a single developer can keep running Node 0.4!
svelte-preprocess is now dependency free!
It is used in nearly every Svelte project. We've gradually reduced it from 44 dependencies in 5.0.0 down to zero in the latest release for faster builds, protection against supply chain attacks, and elimination of deprecation warnings.
Node.js now has the ability to directly run code with TypeScript types!
Current limitations:
- Experimentally flagged
- No transformations (enums, namespace, etc...)
- No .js extension for .ts files
- No running TS in node_modules
The SvelteKit Cloudflare adapter just had its most impactful release allowing local simulation of bindings in dev and preview for developing with features like Durable Objects, KV stores, and R2 buckets!
Learn more in the docs:
SvelteKit's adapter system lets you easily deploy anywhere. We've released adapter-node v5 with a number of new features like graceful shutdown, socket activation, and asset precompression by default. Thanks to
@karimfromjordan
for authoring most of this!
We released SvelteKit 2.3.0 this morning with a new reroute hook. It allows you to choose to render a different route for the incoming URL. It has many uses, but was contributed by
@loris_sigrist
from
@inlangHQ
in order to support default lang parameters for easier i18n!
We just started work on SvelteKit 2. We'll be reviewing the issues tagged as breaking changes to see if they should be included as part of the release. Let us know if there any open issues that need to be tagged as a breaking change and considered for inclusion!
I'm happy to see a growing awareness that Node 0.4 support plagues us all and that folks are stepping up to rip the code out in response. We are all better off thanks to their efforts. npm never ran on Node 0.4 so it's pretty hard to use and represents only 0.0004% of users.
SvelteKit has a new docs page regarding performance optimization:
Svelte 5 and the new
@sveltejs
/enhanced-img package are resulting in big Lighthouse boosts for early adopters with more to come!
SvelteKit and Svelte 5 are now published with provenance attestation to help ensure the published package matches the source!
Packages like UAParser.js, Command-Option-Argument, and rc have been attacked in the past. This is a great effort to secure the open source supply chain!
Lots of positive discussion over the last few days about creating stable, secure, and performant software.
Some ideas to highlight:
- use & contribute to the new
- use
- could show the # of transitive deps
There's been lots of talk
@sveltejs
's speed, but
@trueadm
optimized the output size as well. I tested the initial runes implementation against the homepage for and saw the uncompressed JS for the site go from 16kB with Svelte 4 down to 11kB with Svelte 5.
what happens when
@trueadm
joins your team
(and the performance isn't even the most exciting part! svelte 5 is going to be radical and i can't wait to share more)
SvelteKit helps you hit the ground running. The next iteration: auto DB, auth, etc.
What's the right balance between asking too many questions vs not enough? Who's done this well? Should it be a CLI or something like ? Maybe
http://localhost:5173/setup?
When you create a new SvelteKit project, it now uses eslint 9, which means no more .cjs files! Thanks to
@jrmajor_
for upgrading the entire Svelte ecosystem to eslint v9.
The most common SvelteKit feedback I've heard is difficulty having multiple tabs open in VS Code with the same filename
If that's you, try VS Code Insiders (nightly build) and share your feedback on the new workbench.editor.customLabels.patterns setting
Join us in cleaning up the ecosystem from unneeded bloat!
I just sent to remove nearly 3B downloads/mo from the npm registry!
It's easy for this stuff to sneak in. Get the tools to find and stop it at .
We're excited to share e18e! Ecosystem Performance is a community initiative to bring together people who are passionate about improving performance in the JavaScript ecosystem. A space for knowledge sharing, contributions, and ideas. Get involved! 🙌
Storybook's Svelte support is being overhauled for Svelte 5! Take a look here for an early sneak peek and to provide any feedback:
I'm also excited by the work happening to make
@storybookjs
smaller and faster to install and run.
Most of our remaining deps are related to express. Removing that in a backwards-compatible way is hard but certainly possible for 9.0!
@43081j
is helping us with that!
We're dropping 24 bundled dependencies from svelte-add for much a smaller binary!
The PR uses a new package-manager-detector lib now available courtesy of
@antfu7
and
@userquin
!
Easily detect which package manager is being used with no dependencies.
- checkout resources like and
- keep an eye on
@e18e_dev
. More to come soon about cleaning up the ecosystem!
Our lockfile is already thousands of lines smaller thanks to the great work of folks like
@bluwyoo
and
@43081j
!
Unless a few more people vote for "don't crash", SvelteKit projects deployed to cloud services like Netlify will stop working locally with pnpm for non-corepack users.
Should pnpm be less strict with the "packageManager" field of "package.json"?
In v9 by default pnpm throws an exception if the version of pnpm doesn't exactly match the one specified in the "packageManager" field.
@pnpmjs
Strict is a concept that generally sounds nice, but you could also word this as "should pnpm force you to use corepack locally if you deploy to netlify?" .
@ascorbic
have you seen many reports of this? I've hit it on my projects on both netlify and vercel
@jjersin
introduced me to
@CurebaseDCT
in late 2018 saying that
@tom_lemberg
would charge through walls with their obviously better approach to
#clinicaltrials
. It's been amazing to watch them build a platform advancing the pace of medical discovery in the time since
We are excited to back
@tom_lemberg
and the whole
@CurebaseDCT
team in their $15M Series A to make clinical trials cheaper and faster to run and accelerate the pace of medical science!
Congratulations
@Rich_Harris
! It's been inspiring working with you on
@sveltejs
and I've learned a ton from you already. So happy to see great things happening for both you and Svelte! Onward and upward!!
today is a big day for
@sveltejs
: i've joined
@vercel
to work on it full time!
so happy about what this means for svelte's future. it'll be the same independent, pluralistic project as before, but with Vercel's backing we can get ✨ a m b i t i o u s ✨
@csjh__
@pdrmnvd
just because it's possible for people to delete methods off objects doesn't mean it's a thing that people regularly do or that you need to protect against it by writing every piece of code in an insanely bloated fashion that uses no methods on objects
Congrats on the jump to going full-time on Svelte, Kevin! We've all appreciated your hard work in building this community the past couple of years and excited to see you do even more!!
Today I'm announcing that going forward I'll be working as the Technical Community Builder at
@SvelteSociety
. What's it mean?👇
- In-person Svelte Summit conferences🥳
- Regular hangouts on Discord📻
- A refreshed website with up-to-date content📚
- Faster community growth📈
The Svelte team has launched banners standing against Putin's war of aggression on and . If you have a web presence consider using your voice as well.
#StandingWithUkraine
#StopWarInUkraine
@sveltejs
@trueadm
To be clear, this isn't all the JS for the site or from SvelteKit, but is the portion that the Svelte compiler is outputting. There will be a real savings as sites are able to upgrade - and the more components, the larger the savings.
@jjersin
@jaimenina
@ParagGuptaSF
I've known John for well over a decade and can easily say from our many years of working together that he would be a great member of the SF Board of Education!
Excited to announce that Recommended Matches, our system to help recruiters find more targeted job candidate matches, is now rolling out globally, and with an updated version of the algorithm powering it. Read more here:
#LinkedInTalentSolutions
Introducing, Varos for SaaS 🥳 🥳 🥳
Do you use Stripe and/or run ads on Google/FB/LinkedIn?
Are you curious how your CAC, MRR Growth, Conversion Rates, Churn, CPCs, etc. compare with your peers?
We can tell you!
@lxsmnsyc
@andrioid
@puruvjdev
The problem with Vite's import.meta.env is that it only works with Vite. That's fine if you're building an app, but not if you're building a library. esm-env should work with any major bundler or environment.
@Rich_Harris
@daylightco
I'm really tempted to get a Sun Vision Display to try out. It has color and a full HD display, which seems good enough even if I'd prefer 4k.
@RyanCarniato
I would have said this previously, but I'm encountering it less often these days as the most used libraries have been fixed. First thing I do when I hit this is enter the lib into which will usually tell you how to fix it. Maybe that should be built in!
I received a thoughtful gift from
@livingcarbon
of one of their
#trees
enhanced to fight
#climatechange
. This tree is now one of almost 200,000 they've put in the ground. It grows extra fast leading to twice the
#carboncapture
per acre and can even remove heavy metals from soil.
Climate change is a generational challenge. I'm very excited that
@c3ventures
is able back
@Orbillion1
in that mission.
@PatriciaBubner
,
@sametsyildirim
, Gabriel Levesque-Tremblay, and the rest of the team at Orbillion are moving fast with an innovative approach. More to come!
I went to public school and took math ahead of grade level starting in 6th grade. I'd taken Calc III, Linear Algebra, and Differential Equations by the time I went to college. CA wants that to happen only in private school which would ensure that only the wealthy succeed.
@fubits
I'd love that too, but it's probably not a SvelteKit 2 thing. We'd love to see what we can do down the road by making changes in Svelte core to enable things like this in new ways. In the meantime we'll look at optimizing hydration in Svelte 5 to make it as efficient as possible.
@SvelteSociety
@sveltejs
@Rich_Harris
@antony
@kevmodrome
How many active maintainers are there for Svelte and Sapper and will we see more being added soon? How are you building the pipeline of maintainers, identifying people to involve, training people on maintaining, and giving an onramp of gradually giving more responsibility?
Memora Health was one of the first startup investments I made in 2018 with dozens later following it. I was enthusiastic that they engaged patients in a modern fashion to improve outcomes. Exciting news to share after a very demanding 2020 helping health systems manage Covid-19!
1/ Today, we’re excited to announce a $10.5M financing led
@a16z
! Memora Health is building an operating system to help modernize how our largest healthcare organizations deliver care.
Equity means investing more in communities that have been underinvested in with the goal that outcomes are leveled across race, gender, and background. It means breaking down barriers - not holding back those who are excelling. California needs leadership that encourages success
In the name of “equity”, California DOE’s 2021 Mathematics Framework attacks the idea of gifted students and eliminates opportunities for accelerated math.
- no grouping students by ability
- no Algebra for 8th graders
- no Calculus for high schoolers
@trueadm
Content editable is the worst thing I've ever dealt with. I built the text highlighting for Google Spreadsheets back in 2010 () and the only way we got it to work was with help from the Chrome and Firefox teams. Too bad things haven't changed since then
@Triloworld
@BrittneyPostma
@AppleMusic
@sveltejs
There are so many differences between those pages besides which frontend framework is being used that you can't compare them.
If you want to see examples of performant Svelte frontends check out the showcase on or the Svelte and SvelteKit sites themselves
@antony
No need for folks to do anything on the PR! I just posted to motivate folks into looking for other opportunities and don't want it to get too spammed😄
@khromov
@Mageirl
Upgrading sounds hard. There's no telling what state an app is in at that point. And you'd have to write a migration tool between any two versions for every library or tool out there...
@The_Only_Tails
Agreed that we should put some focus on i18n. Our priority in the short-term will probably be making sure we have all the APIs necessary for the community implementations that have sprung up and potentially testing i18n on Svelte's own sites.
@Srav_Shark
@sveltejs
@trueadm
It doesn't matter much whether you're in runes mode or not for a simple site like this. The runes output is only very slightly smaller.
@nullvoxpopuli
@sveltejs
Oh, actually we've removed 113 packages so far! It was returning old cached results. Your suggestion to run `npx dependency-maintainers
@latest
` gave more up-to-date results.
@adamdbradley
Sharing an update - modulepreload support landed in
@webkit
in February and was added to Safari Technology Preview 165 in March: . Their versioning scheme is shockingly opaque though, so I have no idea when Technology Preview 165 goes out to users.
@Mike_Andreuzza
It's been a longtime bugbear of mine that our header extends the full screen instead of being aligned with the content. Your version lost the dark mode toggle though. Or is that under More?
@webkit
modulepreload support is huge!!
The versioning scheme has lost me. How do I translate between "Technology Preview 165" and Safari 16.x? I don't see modulepreload mentioned in the release notes for any version. How do I know when it will be released?
@livingcarbon
announces that their trees absorb over 50% more CO2. We need every tool at our disposal in fighting one of humanity's largest challenges, so it's inspiring to see a new one. Congrats to
@maddiehallla
and the entire team at
@livingcarbon
on the great progress!
Global warming is the biggest threat of our time & trees are one of our natural weapons to capture carbon. What if they could help faster? We
@living_carbon
are excited to unveil that photosynthesis-enhanced trees can grow faster and capture more carbon. Here's how we did it 🧵
@Rich_Harris
@DanaWoodman
@dummdidumm_
You could write it either way. I stuck with onMount for now since the example title was "on mount" and there was no reactivity. onMount will run once on mount. $effect will run each time a reactive variable it depends on changes