v-model and defineModel: A Comprehensive Guide to Two-Way Binding in Vue.js 3

While v-model remains useful for basic scenarios, defineModel offers a cleaner and more concise approach for complex data structures in custom components. - https://vueschool.io/articles/vuejs-tutorials/v-model-and-definemodel-a-comprehensive-guide-to-two-way-binding-in-vue-js-3/

#vue

React Data Fetching Patterns

Not about how to fetch data in React apps, but some common patterns to structure said fetching. - https://www.robinwieruch.de/react-data-fetching-patterns/

#react

Angular Coding Best Practices - https://medium.com/@alokkumar.nayak2009/angular-best-practices-fbe91f7d96db

#angular

Make creative borders with background-clip border-area

Jen Simmons explains how you can apply a background image to a border using background-clip: border-area, available today in Safari Technology Preview and Safari 18.2 beta. - https://webkit.org/blog/16214/background-clip-border-area

#css

School Bus Tracker System Architecture

Explore scalable architecture for real-time location tracking and efficient notification management for… - https://medium.com/@joudwawad/school-bus-tracker-system-architecture-6dd3307e3860

#architecture

Skia Canvas 2.0: A Browserless Canvas Environment for Node

Based on Google’s Skia graphics engine and offers end results similar to Chrome’s own canvas system. It’s GPU accelerated and can render images, paths, fonts, shapes, and (almost) everything you’d expect. v2.0 adds support for WOFF/WOFF2 fonts, WEBP exporting, and more. - https://skia-canvas.org/

#nodejs

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 Click Me Load More 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