Zod and Query String Variables in Nuxt
This article explores using Zod, a validation library, with query string variables in Nuxt applications. It explains how to validate and extract valid data from query strings using Zod in a straightforward manner. - https://vueschool.io/articles/vuejs-tutorials/zod-and-query-string-variables-in-nuxt/
#vue
This article explores using Zod, a validation library, with query string variables in Nuxt applications. It explains how to validate and extract valid data from query strings using Zod in a straightforward manner. - https://vueschool.io/articles/vuejs-tutorials/zod-and-query-string-variables-in-nuxt/
#vue
vueschool.io
Zod and Query String Variables in Nuxt - Vue School Articles
Learn how to use Zod with Nuxt to validate and extract data from query string variables. A step-by-step guide to query validation in Nuxt.
👍2❤1
margin-trim as a best practice?
Chris Coyier explains why you should start using margin-trim. - https://chriscoyier.net/2023/06/12/margin-trim-as-a-best-practice
#css
Chris Coyier explains why you should start using margin-trim. - https://chriscoyier.net/2023/06/12/margin-trim-as-a-best-practice
#css
Chris Coyier
margin-trim as a best practice?
It’s not every day there is a new “best practice” for CSS, since it’s such a huge, ubiquitous, and highly used language. But here’s one, maybe? If you add padding in t…
👍2
React 19 Lets You Write Impossible Components
React 19 (still in beta) brings all sorts of new ideas to the table, but is the complexity worth it? The folks at Mux have been leaning on many of React 19’s features for a while (thanks to React Canary) and are very excited about their potential. - https://www.mux.com/blog/react-19-server-components-and-actions
#react
React 19 (still in beta) brings all sorts of new ideas to the table, but is the complexity worth it? The folks at Mux have been leaning on many of React 19’s features for a while (thanks to React Canary) and are very excited about their potential. - https://www.mux.com/blog/react-19-server-components-and-actions
#react
Mux
React 19 lets you write impossible components | Mux
What can you do with Server Components and Actions in React 19? Let’s talk about how React 19’s features are a big deal, even for a simple marketing site.
👍3
Using Google Gemina With Flask, Vue and Vite
In this tutorial, we will explore how to implement Google's Gemini AI using Python Flask, Vue.js, and Vite. - https://ethan91.hashnode.dev/using-google-gemina-with-flask-vue-and-vite
#vue
In this tutorial, we will explore how to implement Google's Gemini AI using Python Flask, Vue.js, and Vite. - https://ethan91.hashnode.dev/using-google-gemina-with-flask-vue-and-vite
#vue
👍4
Understanding Offset and Cursor-Based Pagination in Node - https://blog.appsignal.com/2024/05/15/understanding-offset-and-cursor-based-pagination-in-nodejs.html
#nodejs
#nodejs
Appsignal
Understanding Offset and Cursor-Based Pagination in Node.js | AppSignal Blog
Let's explore and compare offset and cursor-based pagination approaches in Node.js.
👍3
Typed translations in Angular
How to Improve Angular Application Build Quality and Enhance Key Verification with ngx-translate or transloco - https://medium.com/@maks-dolgikh/typed-translations-in-angular-c5c7eaf39621
#angular
How to Improve Angular Application Build Quality and Enhance Key Verification with ngx-translate or transloco - https://medium.com/@maks-dolgikh/typed-translations-in-angular-c5c7eaf39621
#angular
Medium
Typed translations in Angular
How to improve Angular application build quality and enhance key verification with ngx-translate or transloco
👍5
CSS Custom Properties Beyond the :root
Matthias Ott examines the reasons why we’re usually defining global custom properties on :root element. - https://matthiasott.com/notes/custom-properties-beyond-the-root
#css
Matthias Ott examines the reasons why we’re usually defining global custom properties on :root element. - https://matthiasott.com/notes/custom-properties-beyond-the-root
#css
Matthias Ott – User Experience Designer
CSS Custom Properties Beyond the :root · Matthias Ott
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.
👍3😁1
Merging Remix and React Router (Sort Of..)
“What we planned to release as Remix v3 is now going to be released as React Router v7.” Is Remix going away? No. Many people read too much into this news, but Ryan Florence clears things up in this follow-up or, if you’d prefer, Alem Tuzlak - https://remix.run/blog/merging-remix-and-react-router
#react
“What we planned to release as Remix v3 is now going to be released as React Router v7.” Is Remix going away? No. Many people read too much into this news, but Ryan Florence clears things up in this follow-up or, if you’d prefer, Alem Tuzlak - https://remix.run/blog/merging-remix-and-react-router
#react
remix.run
Merging Remix and React Router
We've been building a bridge from React Router to Remix, and we made it so good that we're going to merge the two projects.
👍3
Optimizing Image Integration in Vite with Vue: A Comprehensive Guide
Working with local and dynamic images in Vite can be more complex than expected. This article explores the process of incorporating images from the local assets folder using Vue 3 and the composition API. - https://medium.com/@emperorbrains/optimizing-image-integration-in-vite-with-vue-a-comprehensive-guide-bbf6d4e8beb0
#vue
Working with local and dynamic images in Vite can be more complex than expected. This article explores the process of incorporating images from the local assets folder using Vue 3 and the composition API. - https://medium.com/@emperorbrains/optimizing-image-integration-in-vite-with-vue-a-comprehensive-guide-bbf6d4e8beb0
#vue
Medium
Optimizing Image Integration in Vite with Vue: A Comprehensive Guide
Working with local and dynamic images in Vite may appear straightforward, but in practice, it can be more intricate than expected, at least…
👍3❤1
Best Practices for Building Large-Scale Node.js Applications - https://medium.com/@ben.dev.io/best-practices-for-building-large-scale-node-js-applications-b45ab29b757a
#nodejs
#nodejs
Medium
Best Practices for Building Large-Scale Node.js Applications
Introduction
👍4
Angular Signals: A Deep Dive
In this blog, we will thoroughly examine Signals, a new feature introduced with Angular 16, which makes life… - https://medium.com/@atakankorez/angular-signals-in-every-aspect-20875d9cac27
#angular
In this blog, we will thoroughly examine Signals, a new feature introduced with Angular 16, which makes life… - https://medium.com/@atakankorez/angular-signals-in-every-aspect-20875d9cac27
#angular
Medium
Angular Signals: A Deep Dive
In this blog, we will thoroughly examine Signals, a new feature introduced with Angular 16, which makes life easier for developers and…
🔥3👍1
System Design: Uber
Let’s design an Uber like ride-hailing service, similar to services like Lyft, OLA Cabs, etc. - https://medium.com/@karan99/system-design-uber-33593137a4fe
#system #design
Let’s design an Uber like ride-hailing service, similar to services like Lyft, OLA Cabs, etc. - https://medium.com/@karan99/system-design-uber-33593137a4fe
#system #design
Medium
System Design: Uber
Let’s design an Uber like ride-hailing service, similar to services like Lyft, OLA Cabs, etc.
🍓5👍2🔥1
Snappy UI Optimization with useDeferredValue
A deep dive into the useDeferredValue hook using this respected educator’s own Shadow Palette Generator tool as a case study. Not just the edification is valuable — the tool itself is useful, too. - https://www.joshwcomeau.com/react/use-deferred-value/
#react
A deep dive into the useDeferredValue hook using this respected educator’s own Shadow Palette Generator tool as a case study. Not just the edification is valuable — the tool itself is useful, too. - https://www.joshwcomeau.com/react/use-deferred-value/
#react
Joshwcomeau
Snappy UI Optimization with useDeferredValue • Josh W. Comeau
useDeferredValue is one of the most underrated React hooks. It allows us to dramatically improve the performance of our applications in certain contexts. I recently used it to solve a gnarly performance problem on this blog, and in this tutorial, I'll show…
👍7
Exploring :has() Again
Michelle Barker shares a couple of demos demonstrating the power of :has() pseudo-class. - https://css-irl.info/exploring-has-again/
#css
Michelle Barker shares a couple of demos demonstrating the power of :has() pseudo-class. - https://css-irl.info/exploring-has-again/
#css
CSS { In Real Life }
Exploring :has() Again
It’s been a while since my last article on here (well, a month is a while for me, anyway 😅), as I’ve been busy with my head down preparing for my talk on modern CSS layout at Beyond Tellerand, which is (checks notes) tomorrow!
👍3
Deployment strategy: blue/green deployment vs. canary release
Just-in-time feature releases and bug fixes are essential for maintaining an edge over competitors… - https://learningdaily.dev/deployment-strategy-blue-green-deployment-vs-canary-release-1158ac887a8f
#cicd
Just-in-time feature releases and bug fixes are essential for maintaining an edge over competitors… - https://learningdaily.dev/deployment-strategy-blue-green-deployment-vs-canary-release-1158ac887a8f
#cicd
Medium
Deployment strategy: blue/green deployment vs. canary release
Just-in-time feature releases and bug fixes are essential for maintaining an edge over competitors. Previously, the process of rolling out…
👍3
Top 10 Angular 17 Feature Updates Revolutionizing Web Development
Learn how to leverage Angular 17’s latest features for enhanced web development and faster application… - https://levelup.gitconnected.com/top-10-angular-17-feature-updates-revolutionizing-web-development-3b81f87a4228
#angular
Learn how to leverage Angular 17’s latest features for enhanced web development and faster application… - https://levelup.gitconnected.com/top-10-angular-17-feature-updates-revolutionizing-web-development-3b81f87a4228
#angular
Medium
Top 10 Angular 17 Feature Updates Revolutionizing Web Development
Learn how to leverage Angular 17’s latest features for enhanced web development and faster application performance.
👍2
SSR Safe Dynamic IDs in Vue
This article discusses the creation of a stable unique ID generator for elements in Vue.js, ensuring compatibility with server-side rendering (SSR). The article also introduces a directive that allows easy addition of this functionality to any element. - https://michaelnthiessen.com/ssr-safe-dynamic-ids
#vue
This article discusses the creation of a stable unique ID generator for elements in Vue.js, ensuring compatibility with server-side rendering (SSR). The article also introduces a directive that allows easy addition of this functionality to any element. - https://michaelnthiessen.com/ssr-safe-dynamic-ids
#vue
Michaelnthiessen
SSR Safe Dynamic IDs in Vue
Dynamic IDs are useful for testing, but can get tricky with SSR. Let's make a directive to do this easily, in both vanilla Vue and in Nuxt.
👍3
Building a Scalable Microservice Architecture for Nest.js Projects
In recent years, microservice architecture has gained significant popularity due to its ability to develop… - https://medium.com/widle-studio/mastering-microservices-in-nest-js-eb143a6b9639
#nodejs
In recent years, microservice architecture has gained significant popularity due to its ability to develop… - https://medium.com/widle-studio/mastering-microservices-in-nest-js-eb143a6b9639
#nodejs
Medium
Building a Scalable Microservice Architecture for Nest.js Projects
In recent years, microservice architecture has gained significant popularity due to its ability to develop scalable, maintainable, and…
👍7💩1
Spinning Diagrams with CSS
Harold Cooper demonstrates how to create spinning diagrams using just HTML and CSS. - https://x.st/spinning-diagrams-with-css
#css
Harold Cooper demonstrates how to create spinning diagrams using just HTML and CSS. - https://x.st/spinning-diagrams-with-css
#css
exist
Spinning Diagrams with CSS
This article discusses using CSS to make spinning 3D diagrams.
👍4
Sneaky React Memory Leaks: How useCallback and Closures Can Bite You - https://schiener.io/2024-03-03/react-closures
#react
#react
www.schiener.io
Sneaky React Memory Leaks: How `useCallback` and closures can bite you
Avoid performance issues caused by memory leaks in your React applications. I will show you how closures and the `useCallback` hook can lead to memory leaks and what you can do to avoid them.
👍2