Component Testing RSCs with Storybook

Testing server components can be tricky because they span the frontend/backend divide, but Storybook offers a way and here’s how. - https://storybook.js.org/blog/component-testing-rscs/

#react

10 Practical Tips for Better Vue Apps

This blogpost by Daniel Kelly contains 10 practical tips to for better Vue applications - https://vueschool.io/articles/vuejs-tutorials/10-practical-tips-for-better-vue-apps/

#vue

Code Review: benefits, best practices, tools, and tips

Code review is all about authors inviting other developers to give their input on the code before it becomes… - https://levelup.gitconnected.com/code-review-benefits-best-practices-tools-and-tips-b8b214d380d3

#code #revew

Prisma 6: Better Performance, More Flexibility and Type-Safe SQL

Prisma is a popular, powerful ORM for Node.js and TypeScript apps that takes pride in doing things a little differently to most. You can now use it easily with serverless database platforms like PlanetScale and Neon, as well as in edge function platforms like Cloudflare Workers. D1 and Turso are now supported, and you can also write type-safe raw SQL queries. - https://www.prisma.io/blog/prisma-6-better-performance-more-flexibility-and-type-safe-sql

#nodejs

A Framework for Evaluating Browser Support

Josh W. Comeau shares a framework that might help you decide whether it’s appropriate to use a new CSS feature. - https://www.joshwcomeau.com/css/browser-support

#css

System Design Interview: Design WhatsApp

Prepare for system design interviews with this guide to designing a WhatsApp-like messaging app. - https://levelup.gitconnected.com/system-design-interview-design-whatsapp-779fa385ef08

#system #design #interview

Understanding Environment Variables in Nuxt 3

This blog post by Michael Thiessen delves into the usage and understanding of environment variables in Nuxt 3. It covers the importance of .env files, explains how to create and use them, and highlights best practices. - https://masteringnuxt.com/blog/understanding-environment-variables-in-nuxt3

#vue

Real-Time Font Management in Expo  - https://medium.com/@valentineminer27/real-time-font-management-in-expo-2dc107fc89d1

#react

Experiment: Automatically triggered View Transitions with MutationObserver

Bramus Van Damme shows how to auto-trigger a View Transition with MutationObserver. - https://www.bram.us/2024/11/25/experiment-automatically-triggered-view-transitions-with-mutationobserver

#css

Writing Composable SQL using Knex and Pipelines - https://lackofimagination.org/2024/11/writing-composable-sql-using-knex-and-pipelines/

#nodejs

Solved by CSS: Donuts Scopes

Juan Diego Rodríguez explores different solutions to prevent parent styles from leaking to nested content, including 2024’s @scope at-rule. - https://css-tricks.com/solved-by-css-donuts-scopes

#css

Creating a Custom Loading Screen in Angular

If you’ve built apps in angular in the past, I’m sure you’ve experienced the blank screen while you wait for… - https://medium.com/@mrbriantreese/angular-tutorial-creating-a-custom-loading-screen-28c0f9dca098

#angular

React v19 Released

An early Christmas present! First teased in the React Labs February 2024 post, React 19 has been cooking for long enough (and in beta for 8 months) there’s already a wealth of content out there, like the React 19 upgrade guide, an explanation of the compiler, cheat sheets, and a roundup of what’s new in React 19. It’s here, and it’s time to re-explore Actions, the new hooks, use, Server Components, and more. - https://react.dev/blog/2024/12/05/react-19

#react

Async Prop Fetching

Learn how you can use Kitbag Router in Vue.js to fetch your async data with route params and provide that down to your components. - https://medium.com/@stackoverfloweth/async-prop-fetching-96dbb833c822

#vue

The new “window.ai” API will blow your mind.

Google has introduced a built-in AI model to Google Chrome with the new “window.ai” API that uses Gemini… - https://javascript.plainenglish.io/the-new-window-ai-api-will-blow-your-mind-3eb8b4704ca0

#ai

Solved By Modern CSS: Feature Image

Ahmad Shadeed shows how to use container queries and CSS :has() to build a feature image. - https://ishadeed.com/article/modern-css-feature-image

#css

Implementing Filtered Semantic Search Using pgvector and JS

If you need something more sophisticated than keyword search, a semantic approach based upon the meanings of words/queries compared using vector embeddings offers a big step up. Luckily, there are some Postgres extensions that make building such things quite simple.. - https://www.timescale.com/blog/implementing-filtered-semantic-search-using-pgvector-and-javascript-2

#nodejs

Angular Internalization: Switching between multiple locales and deploying to…

In this 2-part series, will share how you can internationalize your angular application and deploy to a nginx… - https://javascript.plainenglish.io/angular-internalization-switching-between-multiple-locales-and-deploying-to-nginx-part-i-c0304b21c638

#angular

My new favorite way to build apps…

NuxtHub is a new way to deploy your Nuxt apps built by NuxtLabs. This video provides an introduction to NuxtHub and what it offers to building Nuxt applications - https://www.youtube.com/watch?v=hlmPqDkc3_s

#vue

My React Tech Stack for 2025

After a year of research, building React apps, and creating a full-stack course, Robin shares what he’s settled on as his broader stack going forward for React apps into the new year. There’s little that's surprising here, but it’s good to see all these suggestions come together in one place. - https://www.robinwieruch.de/react-tech-stack/

#react