🔗 17 New(ish) Vanilla JavaScript Features You Might Have Missed https://t.co/JoYUS0Q4xc

Laravel 12.37 introduces a new insert() method for model factories ⚡ Seed thousands of records with just one query ⚙️ ⚠️ No model events or observers are triggered — works like a raw insert. Perfect for testing, seeding, and performance-heavy setups 💡

Ahhh, that feeling when you discover JavaScript native features that let you say goodbye to bloated npm packages! Check out my article on @TightenCo's blog 🙌

The game is 🔥 and the music slaps!

BIG KUDOS to @Mokkapps for 200 Vue newsletters! Thank you for shooting news straight into our inboxes every week. For 200 more! 🥂

Vue tip for you! 💡 `useKeyModifier` returns a boolean ref that indicates whether a lock key (like Caps Lock) is active. Ideal for warning users in login and sign-up forms!

Vue tip for you! 💡 Mistakes happen—let users undo! Pass a ref to `useRefHistory` to get `undo` and `redo` functions that restore its state. Perfect for tracking edits and lists. Not time travel, but close! 🔥

Whenever the user clicks on a tab, the `activeTab` ref gets updated and the dynamic component re-renders ⚡

Vue tip for you! 💡 Messy templates with a bunch of v-if and v-else to decide which component to render? Clean them up with dynamic components ✨ Here, `activeTab` went from storing a string to storing a component, so we can do `<Component :is="activeTab">`. Code in reply! 👇

Did you know? You can use JSX in Vue ✨ No April Fools' joke! Vue supports JSX and TSX. Just return a render function from your component. Share this with your React friends so they can finally write `class` instead of `className`!

Hey! Simple but important Vue tip 💡 No need to wrap static data in a ref or reactive just to use it in your template! If the data won't change, a plain variable is all you need. Less reactivity to track, lower memory usage, better performance ✨

Hey! Vue Tip for you 💡 Want to display a "time ago" message that auto-updates as time passes? Just pass a date to useTimeAgo—it returns a ref with a human-readable time ago message (1 minute ago) that updates automatically (2 minutes ago). Perfect for feeds and chats!

Awesome article on seeing databases that features Prism!

Never import all icons from Font Awesome. Doing so literally adds megabytes worth of SVGs to your JavaScript files. It kills performance 💀 Instead, import only the icons you need!

Hey! Vue tip for you💡 useStorage gives you a ref that syncs changes with localStorage automatically. Use it in forms, and users will see the values they entered pre-filled if they reload or return to the page!

Clean up your Vue templates with this tip 💡 If the variable you're passing to a prop matches its name: :size="size" ... you can use the shorthand! :size

Hey @heytjmiller! Prism makes a stellar appearance in my latest article on Tighten's blog. Yes, I had to edit the draft multiple times to change the namespace 😆 Thank you for such a fantastic package! https://t.co/QAfCTSDZcj

Hey! Laravel tip for you 💡 SQLite CLI has a CSV mode to import CSVs directly into a table: sqlite> .mode csv sqlite> .import products.csv products Use Laravel's Process to run this command in a seeder and quickly populate any table!

Look, Mom, Michael shared my post!

Hey! Vue Tip for you 💡 Yes, you can destructure props now! Destructured props used to lose reactivity—but not anymore. Since Vue 3.5 (Sept. 2024), variables destructured from a `defineProps` call in `<script setup>` are reactive. You can even set default values this way. 😉