Vue Testing Best Practices for Vue.js Components:. Remember to test component outputs rather than implementation details but also:.✅ Keep tests focused and isolated.✅ Use meaningful test descriptions.✅ Follow the Arrange-Act-Assert pattern → By.

📕 Frontend Performance Checklist. 👉🏻 A large frontend performance checklist for 2025 with actionable strategies for devs to optimize website speed and efficiency across various areas.

📹 Zod VS Valibot: JS/TS Validator Battle!. 👉🏻 You know it’s good when the creator of Zod comments: “incredible video. honestly blown away by how succinct and clear you made everything.”.

🧠 Did you know:.With @nuxt_js, you can use the context property on the event object to add custom data in middleware, making it accessible in your server routes? This is useful for passing information like authentication status or user details throughout your app:

Pro @tailwindcss design system tip:. Create an `initial:` variant to set default styles that can be overridden by utility classes

SQL is not hard if you have this cheatsheet:

SQL Interview Complete Cheatsheet 📘 📚. Save it now ✅️. #sql

💡Tip of the day:.When writing unit tests, @nuxt_js provides the `mountSuspended` helper, which allows you to mount any component within your Nuxt context, even if it uses async setup. This makes it easy to test components that rely on asynchronous data or lifecycle hooks.

I wrote some Vue ESLint rules to avoid common anti-patterns that I've come across. Thoughts?

💡 CSS Tip!. Similar to the :nth-child() trick, we can implement media queries using if() and calculation!. Why reinvent the wheel? With this, you can update the width value on the fly (using variables for example). You cannot do it with native queries.

We can also simulate container queries by using cqw instead of vw. Demo: via @CodePen . The layout of the demo responds to the width of the wrapper without a single media query or container query!

New week = new article 🎉. This time, I decided to list few tips for improving Accessibility in @vuejs / @nuxt_js 🚀. Check it out below 👇

Handling fonts efficiently can be troublesome. Check out my checklist where I tried to list all the best practices about loading fonts in your web app 🚀.

My new video: just hours after the official release!. Laravel Boost: First Test with Real AI Prompt.

In Inertia 2.1, we introduced a brand new <Form> component! It looks just like a classic HTML form, but under the hood, it's powered by Inertia.js 🔥. Here's how it looks in Vue ⬇️

Did you know `useState` in nuxt_js bridges server‑side and client‑side state, so data computed during SSR is reused instead of recalculated during hydration? 👩‍💻. It also isolates state per request, preventing one user’s data from bleeding into another’s (Pinia also does this).

i don't know who is behind AMPHP (@asyncphp), but looks really really really good. 🫡 trying it right now.

🥳 CSS functions have arrived!!! 🥳. And they are *AWESOME*. Now, you can do things like this:. @​function --alpha(--color, --opacity) {. result: rgb(from var(--color) r g b / var(--opacity));.}. div {. background: --alpha(red, 80%);.}. (*arrived = in the latest stable Chrome).

💡 Tip of the day:.To handle global errors in @nuxt_js, you should use the provided composables and utilities: `useError`, `clearError`, `createError`, and `showError`. These tools allow you to programmatically manage errors that occur during server-side or universal rendering.

🛠️ vue-scan. 👉🏻 Lets your components flash with a red border every time they update to help you scan for performance issues.