{PuruVijay}.svelte
@puruvjdev
Followers
5,426
Following
647
Media
2,158
Statuses
12,037
Fullstack web developer @clockworklabs . @sveltejs team. 9 years experience. ex- Rigo, @stackblitz . ❤️🎸 Hans Zimmer. CodeFu:
India
Joined August 2015
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Enzo
• 408197 Tweets
California
• 302622 Tweets
Iran
• 238454 Tweets
Chelsea
• 179557 Tweets
Fofana
• 89005 Tweets
梅雨明け
• 51366 Tweets
NAACP
• 48014 Tweets
Gaetz
• 44363 Tweets
McCarthy
• 42926 Tweets
Angola
• 42202 Tweets
FURIA EN CARAJO
• 39774 Tweets
Matt Walsh
• 39720 Tweets
Hugo
• 37686 Tweets
Romero
• 37594 Tweets
Rudy
• 33226 Tweets
Ohtani
• 29585 Tweets
#大谷翔平
• 28360 Tweets
佐野海舟
• 27600 Tweets
Cacá
• 23497 Tweets
Bernard
• 20268 Tweets
#WWENXT
• 19327 Tweets
#サブウェイ新サンド
• 13915 Tweets
Criciúma
• 13114 Tweets
Paul Skenes
• 13036 Tweets
性的暴行の疑い
• 12263 Tweets
Olmedo López
• 10691 Tweets
Big Sean
• 10613 Tweets
Pinned Tweet
macOS Web is now powered by
@sveltejs
Yup! now uses Svelte entirely, with
@vite_js
for the bundling and Dev Server 😌!!
Previous version JS + CSS Bundle: 66KB
Now: 32.3 KB 🪄🪄
(Plus many more animations 😈)
Details in thread 🧵
(cc
@SvelteSociety
)
29
116
727
Today I found out how to use Zod correctly 🤯
Now I get the hype. I really do now 🔥
59
213
3K
It's job hunt time. I'm looking for full-time engineering remote roles.
Actions speak louder than words, so I will avoid the sales pitch and show you all the work I've done in last 3 years as a professional developer
🧵 1/n
44
129
806
0-dependency 0-runtime 100-awesomeness redis alternative
27
34
772
✨ Stoked to announce
@neodrag
/vanilla ✨
A vanilla JS draggable library!
- 🤏 Tiny - Only 2.02KB min+brotli.
- 🐇 Zero Config
- 🧙♀️ Elegant - new Draggable()
- 🗃️ Highly customizable
- ⚛️ Reactive
12
83
652
It's happening!!! Svelte repo is finally being converted from Typescript to Javascript with Jsdoc
47
65
629
Look what I just found
Bye bye 0.1 + 0.2 == 0.30000000000000004
27
40
554
✨ I moved macOS Web from React to Svelte ✨
I built macOS Web initially in React, went through half a dozen major changes, and ended up with it being in
@sveltejs
Here's a complete breakdown 👇
(cc
@SvelteSociety
)
10
91
531
Trying out the Vercel™ font
Jetbrains mono. Geist mono
77
27
514
✨ Releasing Neodrag v2.0 ✨
- Smaller bundle size! (Up to 15%)
- 5 new features
- Multiple bug fixes
- Faster runtime performance
And, the most important: NEW DOCS!
21
58
488
With all the drama happening around Remix and NextJS, I felt compelled to write my own thoughts ✍️🗒️
52
40
482
WHY DID NO ONE TELL ME YOU CAN MOVE TERMINAL TO THE RIGHT IN
@code
🤯🤯🤯🤯🤯
WTHHH This makes so much more sense than keeping it at the bottom
63
26
403
My sneak peek of Svelte 5:
First impression: Wait...Why tho?
1 week later: OK HOLY SHIT THIS FIXES EVERYTHING!!!!!!!! 🤯
Stay tuned for 20th September 😉
28
18
346
Node 22 recently shipped native WebSocket support. Happy to see they're adding it back to Node 20(Current LTS) on node:http module.
This is very helpful as a library author, now I can ditch isomorphic-ws in favor of native builtins on both browser and node.
7
26
352
I'm being officially sponsored by
@vercel
🤯🤯
Once again Vercel show why they are so freaking amazing!!
@leeerob
reached out to me, and set up an Open Source sponsorship plan!! The 100GB bandwidth limit is just gone now 😊
Thank you so much Lee for such an amazing experience.
Humble request to whoever is DDOSing my sites, please stop. I don't wish to move away from
@vercel
🥲🥲
6
0
61
15
7
317
I am joining
@stackblitz
!! 🥳🎉
I'll be working with the amazing team there to improve Web Containers and just do a lot of cool shit 🔥
57
6
310
I am so insanely excited to see Melt UI for Svelte 5. Gonna be an absolute game-changer!
Svelte v4. Svelte v5
13
26
306
How it started vs How it's going
(My macbook arrived 🥳)
24
12
290
Never realised this, but the breadcrumbs in VS
@code
can act as the file explorer in sidebar. No need to open the sidebar everytime, easy to move through folders too
Am gonna use this like crazy from now on 🔥🔥🔥
9
40
300
Introducing
@neoconfetti
/vanilla!
🤏 Tiny - 1.71KB min+br.
🐇 Zero Config
🧙♀️ Elegant - new Confetti() ➡️ await confetti.explode()
🗃️ Customizable
🌾 Fine-grained - Change colors or shape mid-flight, no unnecessary repaints
9
38
303
I rewrote Reach UI's Alert component in Svelte. Here's the comparison
React(Original) Svelte(Mine)
19
29
278
Introducing
@neoconfetti
/vue 🎊🎉🎉🎉🎉
- 🤏 Tiny - 1.45KB min+br.
- 🐇 Zero Config
- 🧙♀️ Elegant - Vue directive `v-confetti`
- 🗃️ Customizable
- 🖥️ SSR friendly - Works like a charm in
@nuxt_js
,
@vuepressjs
, Vitepress.
5
31
274
✨Let me introduce to you: Jotai 👻
Jotai is a minimalistic but extremely powerful React State management library which makes state management simple as heck!
It's as simple as using a useState, but for your global state.
But it goes beyond that with its utils...
🧵
7
40
267
I got my very first job. At age of 19 🥳🎉
I'll be writing
@sveltejs
code every day and will be paid to write it. How about that huh😼
Huge thanks to all the Svelters in the world for spreading my works around(), and to the people behind
@SvelteSociety
...
21
15
249
Svelte 5 is gonna have a much better syntax to break out of scoping 🥳🥳
12
10
237
I got my first payment today!!!! 🔥🔥🔥 of 200USD 🤑🤑
All the hard work of last 6 years has started to pay off 😍😍
23
5
229
Conclusion: I like Jetbrains Mono better.
Both fonts are similar, but Geist is rounder with less gap between letters, making it less legible at the code editor size.
Instead, trying a new font: Zed Mono by
@zeddotdev
JB Mono. Zed mono
Trying out the Vercel™ font
Jetbrains mono. Geist mono
77
27
514
33
6
229
this getting out of hand. Thankfully it looks better when collapsed
38
6
216
Here's what moving from jest to
@vitest_dev
can do for your codebase
And test time went down from 20s to 2.26s 🔥
6
19
211
VPS hell torture is going great.
Every minute I spend setting up a droplet and nginx, the more gratitude I feel for Vercel
87
5
208
I have to say, esm-env package by Ben Mccann is one of the smartest implementation of any package that I have seen in a while
It does everything just by package.json's exports:
And the content of the files is just 2 lines
This is freakishly smart 🫡
5
26
200
Svelte 5's gonna change the async rendering story in entire web dev space!
Stay tuned
25
9
201
I can finally talk about this!!
@Rich_Harris
came up with the idea of a `magic` function imported from svelte module, that would allow for deep reactivity.
Later, the team saw that $state could just be magic and deeply reactive ––– And now it is 🔥
13
11
194
Vercel's team of Avengers just got their Doctor Strange 🔥🔥
4
5
183
It has been 5 months since we introduced the bottom navigation across all the sites.
Do you consider this a "Hell yeah!!" change or "Naww" change?
52
4
166
Based on the recent Vercel vs VPS drama, I have made a decisions: I'll be rebuilding puruvj.dev on a VPS.
Current:
- SvelteKit app hosted on Cloudflare Pages
- One server endpoint, and one KV store
Plan:
- VPS like DigitalOcean or Linode
- SvelteKit running on Node
35
5
165
Svelte repo is final switching to using
@pnpmjs
🥳
It won't affect most people, but as a contributor it makes my life so much easier 🤩
2
13
161
Shallow routing is coming to SvelteKit!!
Instagram style modal style routing will now be possible.
8
5
149
Power of Svelte's most underrated feature: Actions 🔥
Using renderless components creates a sense of false hierarchy. Svelte actions allow much cleaner code, that is easy to edit and understand 😍😍
@SvelteSociety
9
27
141
macOS Web is my personal project I did out of boredom from bedrest after my accident, and it turned out to be quite a headline!
Simulates macOS initial UI to perfection visually. I had an entire journey where I started it with React, then slowly chipped away and rewrote it to
2
0
145
React lovers after looking at all Svelte features thoroughly
5
8
141
I'm going through
@preactjs
's source code nowadays, and finding such astonishing things there.
Here's a thread of some of amazing things in the source code 🧵
This here is the `Fragment`
5
16
140
✨SvelteKit site has been updated to match Svelte .dev✨
- Bottom navigation
- Table of contents on mobile
- Unified markdown rendering
And bonus: A new Copy code button. Coming soon to svelte site 😄
6
12
137
Thanks to
@antfu7
's VSCode File nesting config, sleep deprived coding gets better, cuz I can't mistype +page.server.ts as +page.svelte.ts(pretty common to do) and then wonder why I'm not getting server data
If it's nested, its right. If it's not, it's wrong.
And yes, this is
6
10
137
web [dot] dev used to be such a beautiful site, until google "Google Developers"-ified this into the crap design it is now
Before. After
13
1
135
Learn to have fun, people 😁
With all the drama happening around Remix and NextJS, I felt compelled to write my own thoughts ✍️🗒️
52
40
482
1
5
131
Holy shit authentication in Sveltekit is so darn easy 😱
Got this super barebones login and sign up working with very minimal code.
@sveltejs
you rock!! 🔥
6
14
127
✨ SmartAwait ✨: Delay showing spinner while waiting for a fetch request or form submission, to avoid flickering.
Sometimes, the spinner might only get 20ms of showtime even after a delay. To avoid spinner flicker, set `minSpinnerDuration`.
Usage Source
7
3
127
✨
@neoconfetti
/react is out 🎊🎉
- 🤏 Tiny - 1.61KB min+br.
- 🐇 Simple - <Confetti force={0.8} />
- 🗃️ Customizable- 🖥️ SSR friendly - Works seamlessly with
@nextjs
/
@remix_run
/
@GatsbyJS
4
7
124
Always disliked writing joins in SQL...
Until now! 🤩
10
6
116
VSCode app in is now powered by
@stackblitz
I have been really liking the experience recently, hence it made perfect sense to give Stackblitz the love they deserve
(On Brave Browser, disable shields on site to view this 🤷♂️)
8
16
117
🎉It's here!!!🎉
Windows are here!!!!
✨Open one by clicking any app icon
✨Open as many windows as you want(All the apps)
✨Drag them, resize them
✨Clicking on one behind other windows will bring to the front, just like regular MacOS
Link below 👇
11
8
115
✨Svelte 5 localstorage state helper ✨
Syncs any and all changes to localstorage. If the value is a primitive(string, number, boolean etc), you use .value suffix across boundaries.
But if it's an object(and not an array), you can skip .value.prop and directly do .prop
9
11
117
Neodrag: One draggable to rule them all!
Tiny <2KB library for dragging. Exceptionally small and fast, and available for Svelte, React, SolidJS, Vue, plain JS(and soon for
@angular
)
✨ Releasing Neodrag v2.0 ✨
- Smaller bundle size! (Up to 15%)
- 5 new features
- Multiple bug fixes
- Faster runtime performance
And, the most important: NEW DOCS!
21
58
488
3
2
117
* Tries VPS for the first time and struggles *
No one:
Literally no one:
5 Devs: "Skill issue mate"
Really, now... 😅
VPS hell torture is going great.
Every minute I spend setting up a droplet and nginx, the more gratitude I feel for Vercel
87
5
208
46
3
116
if you have ever written a Vite/Rollup plugin, you know what I am talking about
1
5
110
Finally understood the point of input type hidden 😅
(If I'm doing this the wrong way, please yell at me! Don't wanna ship something terrible 😅)
24
0
109
I'd like to livestream moving from svelte 4 to 5 when it releases
13
7
105
Svelte 5's gonna create sooo many problems...
Svelte's ecosystem's gonna explode from all the goodness, and soon y'all will be going through "Top 10 svelte state machine libs"
Runes unlock the ability to build reactive primitives and npm publish them as is, w/o any build tool.
7
8
105
✨ We have updated ✨
🔍 Global search
🪄 New menu!
⬇️ Bottom nav on mobile
♻️ Code editor has same syntax highlighting as svelte REPL
5
19
103
So, even tho I work
@stackblitz
now, I just went through the job postings, and TypeScript+Rust Software engineer says this 👇
Gods, I feel so warm reading this!! I feel more confident about the choice I made in joining them.
Companies, be like Stackblitz.
4
7
101
I absolutely can't wait for reactive Map and Set in Svelte 5 🤩🤩🤩
9
3
100
OMGGGGG one of the most asked for features regarding Svelte reactivity could ship with Runes.
This makes some of the basic reactivity code samples also far simpler, and might result in comeback of a highly neglected JS feature
People who were having problems with Runes being
15
4
98
I'm so glad I got the privilege of checking out svelte v5 syntax and to participate in shaping the API.
At the same time, it sucks!! I can't use it anywhere yet and I can't tweet about it even though I wanna do that 10 times a day, cuz it fixes the biggest limitation of svelte's
7
2
93
Lazy loading in Svelte. Kinda weird but works really well!
12
4
101
Cc
@t3dotgg
kudos for being true and honest about the git situation despite all the freaking trolls.
I wouldn’t even hire an intern without push pull branch knowledge, much less a graduate.
Y’all who say you don’t need to know version control basics for industry are either
10
8
95
Good news: I bought my first macbook 🎉. Bought completely from my own earnings this year 🤩🥳🥳
I swore an oath a few years ago, when I was 16 that I'd get my own macbook. It would be from my own earnings only. 4 years later, the dream has come true. I *really* made it 🤩🤩
7
0
94
Magic of Svelte's built-in tween stores and easing 🔥
Check it out yourself
Code in thread 👇
cc
@SvelteSociety
4
9
91
It's done! puruvj.dev is now running on
@Hetzner_Online
CAX11 VPS in Germany, and has cloudflare in front of it.
- pm2 for the node server
-
@caddyserver
for SSL certs and static assets hosting
- Cloudflare as CDN
- Database: /likes.json file at the root of VPS 😅
That's it!
Based on the recent Vercel vs VPS drama, I have made a decisions: I'll be rebuilding puruvj.dev on a VPS.
Current:
- SvelteKit app hosted on Cloudflare Pages
- One server endpoint, and one KV store
Plan:
- VPS like DigitalOcean or Linode
- SvelteKit running on Node
35
5
165
23
4
89
React had to come up with an arbitrary `use` prefix to denote they own this specific function.
Svelte came swinging out of the door with `new Class()` and bam!! Hijacked another JS feature/convention for themselves. And its far more performant as well!
And it works amazingly,
14
4
88
Copilot just wrote me this entire thing, and it's 💯% correct
8
2
88
@sveltejs
docs revamp:
The site was due for an design refresh and update. I led the charge in modernising unifying and simplifying the 3 major svelte organisation sites, other two being and
And dark mode too 🌙
Before:
2
1
87
So...we should not go for nuclear power because everyone uses petrol...
14
0
83
Just whipped this up with Svelte and
@neodrag
/svelte. Gosh I love that framework so much!!!!
3
7
85