📣 Announcing...🥁... Tempo
A new date and time library for JavaScript and TypeScript with first-class support for timezones, internationalization, format styles, and parsing.
Link 👇
It’s morning at
@vuejsamsterdam
and
@youyuxi
is speaking truth:
@vuejs
is the last major independent framework out there and there are no plans to change that.
Consider that next time you spin up your next project.
📣 I’ve just released an experimental
#javascript
library for rendering interfaces declaratively:
🚫 No build tools
🔒 No dependencies
⚡️ No virtual DOM
🪶 2Kb
🪄 Components are functions
❤️ Embraces native JS
Check it out and give it a ⭐️!
Ok I’m gonna say it…
The new
#ReactJS
docs are 👌, but the fact that they don’t mention
@vite_js
under “Start a new React project” - in my eyes at least - seems singularly disrespectful to
@youyuxi
and the rest of the Vite core team.
Vite has been carrying water for
#React
…
Rolldown might be the most important web project of the next 5-10 years. I thought it might be helpful to explain why:
The landscape:
Rollup is the best and most comprehensive bundler to date. It was ahead of its time, pioneering key concepts like tree shaking (🙏
@Rich_Harris
Vue 4.0 proposal: no feature additions but it makes the options API disabled and marked deprecated. Can still be enabled via a shame flag moving forward.
Standardization for the win.
📣 Announcing: KickStart!
A next-generation form builder from the
@FormKit
team. Going live...now 👀
Generate a form, edit it with manual controls or AI prompts, then copy and paste
@vuejs
components or schema into your project.
🔗👇
Let me tell you a
@vuejsamsterdam
story.
Last night at ~1am
@danielcroe
and I are chatting about how dates can be tricky for SSR hydration — He says he has an idea for how to address it.
Before 3am that VERY SAME NIGHT he writes this:
Legend.
Can’t say enough good things about
@nuxt_js
and
@unjsio
.
The tooling is so complete it is almost getting to the point you could consider it a monolith replacement without the downsides.
Hats off to you good folks 🙏
Looking forward to
@nuxt_js
4!
Remix, Next 13, Astro, Qwik - the innovation is great!
Yet every time I analyze the field holistically – speed, DX, feature set, ecosystem, vendor lock-in, deployment options etc – I always come back to
@nuxt_js
❤️❤️❤️
I don’t think enough people know about
@Atinux
’s nuxt-auth-utils. If you use
@nuxt_js
as a full stack framework, this is a must-have:
⭐️731 <-- go star it.
📣 ArrowJS Update:
⭐️~1050 stars
🆕 Currently on alpha 8
❤️ Used (and loved) in prod by multiple projects
🚦 Signals?🥱 ya, pretty much
📦 Still ~2 KB
🚫 Still no build tools required
💭 Discussions now open:
It’s official.
@formkit
is 1.0.0 🎉
For the last 2 years, we’ve been building a totally fresh approach to form architecture, accessibility, validation, and generation, and it has been a complete joy to work on.
Here’s to the next 2 years, friends 🍻
Sustainable open source is hard 😔. After shipping freely available Open Source for almost 3 years, we launched some *optional* paid add-ons and got these kind of takes right away.
Did
@taylorotwell
and
@adamwathan
get this kind of blow back too?
📣 AutoAnimate's docs have been updated with
@sveltejs
examples. It could not be any easier to use with Svelte — the only lib we support (so far) that doesn't use any glue code.
@Rich_Harris
and the team are building absolute magic. Svelte is incredible.
I have mad respect for what
@adamwathan
@taylorotwell
have done with
@tailwindcss
and
@laravelphp
respectively — yes they are great open source tools — but even more impressive is they created successful for-profit side products that make the entire ecosystem sustainable. 🙏 🙌
Good lord,
@unjsio
is so underrated. I use these daily:
» ofetch: better fetch api
» jiti: execute mjs/ts/js > 6.5M weekly dls 🤯
» nitro: server that runs on the edge
» consola: makes my CLIs pretty
❤️
@nuxt_js
for the impetus & support
➡
👀 TypeScript support is going to dramatically level up in
@formkit
’s next release.
(shout out to
@youyuxi
work on
#VueJS
3.3 which allows for this magic 🙌)
Worried about the trajectory of React (▲😳)? Try
@vuejs
+
@nuxt_js
. Satisfaction guaranteed or your money back.
Plus, you’ll be supporting the last major community framework.
Finally! is fully migrated to
@nuxt_js
3 (it was built on Nuxt 2 well before Nuxt 3 was out and used Vue 3 in iframes for the examples 🤯).
Great performance, awesome DX (Nuxt content is 👌), and we can finally use <FormKit> on...formkit.com 😂
Disciples of
@RyanCarniato
rejoice!
@solid_js
support just shipped in AutoAnimate thanks to
@NirTamir
— both a primitive and a directive are available in Beta 6.
Check the docs here:
Apparently my tweet made Vue Reddit melt 👀.
So here’s my reasoning for why I think dropping the Options API from Vue core would be beneficial:
3 main reasons:
1. Multiple ways of doing the same thing fractures community projects and makes it increasingly hard for the
Vue 4.0 proposal: no feature additions but it makes the options API disabled and marked deprecated. Can still be enabled via a shame flag moving forward.
Standardization for the win.
📣 3 big announcements:
🚀 FormKit 1.0 goes live September 1st.
🌎 Removed FormKit Pro waitlist - get instant access!
🎉 We’re throwing a party for the
#VueJS
community.
👉 — we’re giving away an irresponsible amount of stuff to support Vue creators❤️
📣 Big
@useFormKit
release!
🙇♂️ Zod Zod Zod Zod
🔨 Build your own repeaters w/ dynamic lists
🧟♀️ Store & revive forms from local storage
✅ Loads of new validation rules
⚡️ 5x perf. on large forms
🐛 Tons of bug fixes
So. Much. More. Best team ever ❤️
GitHub is often cited as an example of MPA supremacy, but every time I do serious work on GitHub I can’t help but think it would be so much better as an SPA with client side state.
Proposal: Browsers should start shipping built in Tailwind support — enabled via meta tag.
I’m not a big Tailwind fan, even though I have adopted it. I preferred the cascade — but thats OK. I have adopted lots of tools and practices over the years that weren’t my personal
@youyuxi
This is one of the most attractive things about Vue to me. It is the most open and least “corporate” of the options - fueled mostly by passion and great engineers doing what they love.
That’s also why we see so much “framework agnostic” work coming from the Vue community.
📣 Finally — the
@useFormKit
datepicker has shipped! The most advanced single-date picker I’ve seen:
🌎 Full i18n support
✍️ Custom formats
⌨️ Keyboard entry
⏰ IANA Timezones (ie Europe/Berlin)
🥞 Stores dates in any format
📥 Slots galore
💚
#VueJS
👉
I hear this argument a lot — but if the dev’s you hire are only capable of writing React (or Vue/Svelte for that matter) then you have talent evaluation problems not framework problems.
@CodingGarden
I'd try Vue for a side project.
But for a business, using Vue instead of React means cutting the talent pool of potential hires in half.
Finding great talent is already hard. Companies can't afford to shoot themselves in the foot by choosing a less-widely-used tech stack.
🤔 Why did I create a new Date library?
Tempo solves some unique problems I describe in this announcement post on
@ThePracticalDev
. Reposting the article here.
Full link below 👇
--------------------
Working with dates and time is one of JavaScript’s weakest points. The
Another 3 days in a row of
@npmjs
download analytics being down. Just 4 days and
@reactjs
and
@vuejs
will have 0 weekly downloads 😂.
These stats aren’t all that important but it does highlight what a significant single point of failure npm is in the JS ecosystem.
🚚 We just shipped some great new
@useFormKit
features!
My personal favorite? The mask input can now stylistically differentiate different "parts" of the mask which can improve the user experience quite a bit.
#VueJS
📣 Just out: Nominate your favorite
#VueJS
creators! Support the people and orgs making our community great ❤️
👉 Takes less than 1 minute
👉 Promotes creator’s sponsorship page
👉 Submitting a nominee may benefit you later 👀
Please share w/
#vue
devs!
We just launched an ecosystem for creating, using, and editing
@tailwindcss
themes for
@FormKit
forms 🌈
- Two brand new Tailwind themes ("Regenesis" and "Starter")
- Theme gallery site ()
- Visual theme editor
- Theme scaffolding
- Theme CLI tools
👇
Exciting stuff from the
@nuxt_js
team again in Nuxt 3.4:
- View Transitions API support.
- Massive update to payload serialization (🙏
@Rich_Harris
).
- New Nuxt plugin syntax.
📣 Introducing: AutoAnimate — add motion to your apps with a single line of code (literally).
Ships with support for with
#Vue
,
#ReactJS
, and native JavaScript.
Docs at , and I published an intro article too ❤️ 🔥
Less than 2 months ago we released Tempo — a new JavaScript date/time library.
Progress update:
🚚 10+ new releases
🔧 10+ utility functions
❤️ 7 new OSS contributors
🐛 A medium sized satchel of bugfixes
If you’ve tried it I would love to hear your feedback! ❤️
📣 Announcing...🥁... Tempo
A new date and time library for JavaScript and TypeScript with first-class support for timezones, internationalization, format styles, and parsing.
Link 👇
Vue is the only major open source framework not principally funded by a big tech company.
Frankly, I get it. How else do you get the resources to work on open source full time? I’ll be talking about this at
@githubuniverse
— see you there?
React folks, Vue folks, Svelte folks, Solid folks — I know you — I am you — some of your projects use npm, some use yarn, some use pnpm.
Save you brain cells for a rainy day.
Use
@antfu7
’s automatic package manager switching thingy-ma-bob:
📣 Sneak Peak:
@FormKit
KickStart. A next-generation form builder to kick start your next project.
Generate from:
👉 a prompt
👉 a DB schema
👉 screenshots of your old forms
👉 a napkin sketch
Shout out to
@davidalexr987
who was clutch on AI architecture 🙏.
🔗👇
🤯 This was literally not possible just a few months ago.
@0xBOYD
wrote a
@nuxt_js
build tool that uses AI to translate *ALL* of our docs.
📣 Announcing: the
@formkit
docs now available in:
🇺🇸 English
🇫🇷 French
🇧🇷 Portuguese
🇨🇳 Chinese
🏴☠️ Pirate 👀
After releasing version 2.3 yesterday, it seemed time to write an introductory post about
@VueFormulate
and its place in the
#VueJS
landscape.
So here we go — Introducing Vue Formulate
It was such an honor to speak at
@vuejsamsterdam
.
I reconnected with friends, met new ones, hatched some fresh ideas, and got inspired to make the web (and
@FormKit
) even better.
The
@vuejs
community is incredible. We’ll see you next year dear friends ❤️
Ok
#VueJS
devs, over 40% of all nominations are for
@danielcroe
and
@antfu7
😂.
To be clear, this love is well earned and entirely deserved.
Now, lets spread the love. Take a look at your package.json — what libs are you using? Who wrote them? ❤️
📣 Just out: Nominate your favorite
#VueJS
creators! Support the people and orgs making our community great ❤️
👉 Takes less than 1 minute
👉 Promotes creator’s sponsorship page
👉 Submitting a nominee may benefit you later 👀
Please share w/
#vue
devs!
#VueJS
devs — did you know an object literal defined in a <template> block *creates* a new object on each render? This means your watchers will also fire on every render. Simply moving the definition to the <script> tag can be a significant performance boost.
📣 AutoAnimate 0.8 is out now:
🧩 New AutoAnimate
@nuxt_js
module.
♻️ Now works with <KeepAlive> components.
💄 Smooth animation when items are removed that would cause the scroll position to jump
🐛 Other boring bug fix stuff
Also, we’re almost at 10k ⭐️!
I’m interested in learning
#rustlang
purely for the joy of learning.
Problem? I can’t come up with a use case (fav way to learn). I’m told rust is bad at: games, web servers, cli tools, mobile, embedded.
good at: compilers.
Thats rather limiting. I need some project ideas!
for years now while they kept CRA on the docs.
If they didn’t make *any* recommendations that would be one thing, but to recommend things like Gatsby, and not even mention Vite is…politics.
“Vite isn’t a framework” isn’t a solid defense either…
📣 I made a URL shortener using
@unjsio
’s nitro server.
👉 Free to the public (
@formkit
pays the bill)
👉 No API key
👉 Open source — clone & make it your own
👉 ⭐️ & share ❤️
👉
Usage: curl -X POST -d "
https://url-to-shorten"
@youyuxi
From Svelte’s perspective the grass was greener for sure, but it does kinda take away Svelte’s biggest USP imo (brevity).
It’s definitely svelte stepping into that middle ground — a little less compiler and a little more runtime, a space held almost exclusively by Vue.
📣 FormKit 1.5.0 is out with loads of 💪 and 🐞:
⚡️ Much better
@nuxt_js
support with `autoImport` flag.
🧩 An improved props API with support for boolean, default, and getter/setter props.
💨 Improved AutoAnimate support within FormKit
Changelog link below👇
Real talk: How many open source creators are making a full time living on sponsorships?
Nearly all that I’m aware of:
1. Work at for-profit orgs (ie
@Rich_Harris
,
@mjackson
)
2. Sell adjacent products (ie
@adamwathan
,
@taylorotwell
)
3. Charge for premium support (ie
The Svelte 5 changes are unquestionably the right decision for the project.
1. Compiler reactivity has halting problem limitations that evaporate with signals.
2. Unlocking composability will lead to community innovation.
Is it a lot more like Vue? Yes! But who cares?
Lots of folks have noticed superficial similarities between Svelte's runes and Vue. There definitely are some ways in which we're moving closer to other frameworks — not a bad thing! But in other ways our designs remain quite different
FormKit 1.6 is out today!
🧩 New composables like useFormKitContext
⚙️ Improved TypeScript support
📙 Added library prop for FormKit components
🐛 Deez bugs fixed:
Excited about the composables! They let you build complex forms even more fluently ❤️
My personal site hadn’t been updated in 7 (!) years...it was time to give it an overhaul. So I did!
Built with
#VueJS
,
@nuxt_js
, Nuxt Content 2, and
#css
(css with ultra semantic classes like .spinny-bg-thingy)
A fun filled evening ❤️
Writing software is 1/4 of the battle, the other 3/4 is writing great docs.
We are constantly trying to improve the
@useFormKit
docs. Recently we added interactive diagrams for every input to help devs grok their internal structure:
Gratitude.
@FormKit
has 7 incredible team members.
Together we are trying to support our spouses, children, pets, and extended families through sustainable open source.
Like all good adventures success is not guaranteed, so I’m honored to be doing it with excellent people ❤️🎄
📣 Just release FormKit Beta 18 and it’s huge:
🔵 Dramatic TypeScript improvements
🟢 Dozens of new Autocomplete, Taglist, and Dropdown features
🔴 Bug fixes galore
📣 Announcement 2: This was FormKit’s last beta 👀
➡️ RC1 here we come.
👀 TypeScript support is going to dramatically level up in
@formkit
’s next release.
(shout out to
@youyuxi
work on
#VueJS
3.3 which allows for this magic 🙌)
Here’s a little update on ArrowJS:
- 📆 It was released 13 days ago
- 🚀Published 5 versions (currently alpha.5)
- 🌟Almost 800 GitHub Stars
- ⚡️It’s still 2kb, requires no build tools, and is super fast.
🎡 Playground:
📗 Docs:
If you do open source for any reason other than giving a free gift to the world you’ll be disappointed.
But if you do open source purely as a gift, you’ll receive much more in return.
Zod in
@useFormKit
:
Since FormKit has pathways for traversal, validity, and error handling, and i18n when you use Zod with FormKit we...
👉 perform live validation
👉 put errors *on the inputs*
👉 use accessible markup
👉 provide a typed submit handler
Honest question: how do JavaScript developers who aren’t on Twitter or other socials find out about new libraries, techniques, tools, apis etc...
Yes, some go to conferences and read email newsletters but in my experience this is just a small fraction of the total devs out there
ℹ Good to know
#JavaScript
fact:
Array.shift() is ~ 25x slower than Array.pop()
In general — modifying an array from the front is *significantly* slower than modifying it from the back.
👉 Run it yourself: