How we tackled our major front-end migration to Nuxt 3
At funda, migrating from Nuxt 2 to Nuxt 3 was a major project last year.
A frontend engineer talks about some challenges of this migration. - https://blog.funda.nl/migrating-our-frontend-to-nuxt-3/
#vue
At funda, migrating from Nuxt 2 to Nuxt 3 was a major project last year.
A frontend engineer talks about some challenges of this migration. - https://blog.funda.nl/migrating-our-frontend-to-nuxt-3/
#vue
Funda Engineering blog
How we tackled our major front-end migration to Nuxt 3
With Vue 2's end near, upgrading to Vue 3 was vital. Marijn Kok explains how they overcame challenges for a successful migration in his blog.
Pure CSS Mixin for Displaying Values of Custom Properties
Roman Komarov presents a native CSS mixin that will output various values as pseudo-elements. - https://kizu.dev/preview-mixin
#css
Roman Komarov presents a native CSS mixin that will output various values as pseudo-elements. - https://kizu.dev/preview-mixin
#css
kizu.dev
Pure CSS Mixin for Displaying Values of Custom Properties
Do you write CSS? Do you use custom properties with calculations? Do you want to preview their values while you’re debugging them? What if you could do so by setting just one additional custom property? Without any JS? In this article, I present a native…
How Server-Sent Events (SSE) Work
Understanding the basics of SSE and its role in… - https://itnext.io/how-server-sent-events-sse-work-cf29e7409598
#sse
Understanding the basics of SSE and its role in… - https://itnext.io/how-server-sent-events-sse-work-cf29e7409598
#sse
Medium
How Server-Sent Events (SSE) Work
Understanding the basics of SSE and its role in real-time web communication
Angular: Go Zoneless
Angular is now entering the new Era: Zoneless Angular… - https://medium.com/multitude-it-labs/angular-go-zoneless-a8824f4589e7
#angular
Angular is now entering the new Era: Zoneless Angular… - https://medium.com/multitude-it-labs/angular-go-zoneless-a8824f4589e7
#angular
Medium
Angular: Go Zoneless
Angular is now entering the new Era: Zoneless Angular. In this article we will analyse how big is Zone, what it did to our apps. Then we…
AsyncLocalStorage: Simplify Context Management in Node - https://www.trevorlasn.com/blog/node-async-local-storage
#nodejs
#nodejs
AsyncLocalStorage: Simplify Context Management in Node.js
How AsyncLocalStorage solves context management in asynchronous Node.js apps
The Open-Closed Principle in React: Building Extensible Components - https://cekrem.github.io/posts/open-closed-principle-in-react/
#react
#react
cekrem.github.io
Open-Closed Principle in React: Building Extensible Components
Part 4 of our Clean Architecture series, exploring the 'O' in SOLID
Revisiting CSS Multi-Column Layout
Andy Clarke gives a fresh look at CSS columns for enhanced readability and design flexibility. - https://css-tricks.com/revisiting-css-multi-column-layout
#css
Andy Clarke gives a fresh look at CSS columns for enhanced readability and design flexibility. - https://css-tricks.com/revisiting-css-multi-column-layout
#css
CSS-Tricks
Revisiting CSS Multi-Column Layout | CSS-Tricks
After 20 years since Andy Clarke first published his book about Multi-Column Layout in CSS, he's back to encourage a fresh look at CSS columns for enhanced readability and design flexibility.
Building Recursive components in Vue
Jakub explains how he built a Vue component that would be able to display a nested node tree.
The exact nesting number is unknown, so it had to work recursively. - https://dev.to/jacobandrewsky/building-recursive-components-in-vue-46cc
#vue
Jakub explains how he built a Vue component that would be able to display a nested node tree.
The exact nesting number is unknown, so it had to work recursively. - https://dev.to/jacobandrewsky/building-recursive-components-in-vue-46cc
#vue
DEV Community
Building Recursive components in Vue
Few days ago, I wanted to build a Vue component that would be able to display a nested node tree...
The Software Architect: Demystifying 18 Software Architecture Patterns.
In-Depth Overview of 18 Essential Software… - https://medium.com/@amitvsolutions/the-software-architect-deep-dive-into-17-essential-design-patterns-a0fb5a4726ab
#architecture
In-Depth Overview of 18 Essential Software… - https://medium.com/@amitvsolutions/the-software-architect-deep-dive-into-17-essential-design-patterns-a0fb5a4726ab
#architecture
Medium
The Software Architect: Demystifying 18 Software Architecture Patterns.
In-Depth Overview of 18 Essential Software Architecture Design Patterns.
Fetch and HTTP/2 Support in Node, Bun and Deno - https://blog.disintegrator.dev/posts/http2-support-in-js-runtimes/
#nodejs
#nodejs
Blog | Georges Haidar
Fetch and HTTP/2 support in Node.js, Bun and Deno
It's a mixed bag
Unpic 1.0: A Toolkit for Displaying Images on the Web
A family of components and libraries for working with images on the Web, whether it’s through components for many different frameworks or working with images hosted on many different providers and CDNs. - https://unpic.pics/blog/unpic-1/
#react
A family of components and libraries for working with images on the Web, whether it’s through components for many different frameworks or working with images hosted on many different providers and CDNs. - https://unpic.pics/blog/unpic-1/
#react
Unpic
Unpic 1.0 – Unpic
Introducing the first version of Unpic: image components for every framework
5 missing Vue.js features
Alex made up his mind about five features which he would love to see available in Vue and how they can help. - https://www.youtube.com/watch?v=P3dxu0wNLDw
#vue
Alex made up his mind about five features which he would love to see available in Vue and how they can help. - https://www.youtube.com/watch?v=P3dxu0wNLDw
#vue
YouTube
5 missing Vue.js features
Vue.js is an amazing framework to use and pretty mature. Evan recently even said it comes closer and closer to being feature complete. Nevertheless, there are quite some PRs open and ideas to explore. I also made up my mind about five features which I'd love…
How To Speed Up Your Vue App With Server Side Rendering
Vue is a framework built for client-side applications.
Learn how to optimize page load performance with server side rendering. - https://www.debugbear.com/blog/vue-ssr
#vue
Vue is a framework built for client-side applications.
Learn how to optimize page load performance with server side rendering. - https://www.debugbear.com/blog/vue-ssr
#vue
Debugbear
How To Speed Up Your Vue App With Server Side Rendering | DebugBear
Vue is a framework built for client-side applications. Learn how to optimize page load performance with server side rendering.
Optimizing The Critical Rendering Path
Matt Zeunert outlines the role of the critical rendering path in user experience, and shows how you can shorten this path to display the most important content early. - https://www.debugbear.com/blog/optimizing-the-critical-rendering-path
#css
Matt Zeunert outlines the role of the critical rendering path in user experience, and shows how you can shorten this path to display the most important content early. - https://www.debugbear.com/blog/optimizing-the-critical-rendering-path
#css
Debugbear
Optimizing The Critical Rendering Path | DebugBear
Shortening the critical rendering path can help your website load faster and provide a better user experience. Learn how to identify critical resources and how to optimize them.
Using CSS classes inside `innerHTML` in an Angular component without losing emulated encapsulation - https://medium.com/@yaronu/making-angular-component-css-classes-in-innerhtml-work-without-losing-emulated-encapsulation-350d63dbffad
#angular
#angular
Medium
Using CSS classes inside `innerHTML` in an Angular component without losing emulated encapsulation
Let’s first understand the problem, and why does it happen:
Backend for Frontend (BFF) Architecture
In modern software development, the shift towards… - https://levelup.gitconnected.com/backend-for-frontend-bff-architecture-64fa9f316a5a
#bff
In modern software development, the shift towards… - https://levelup.gitconnected.com/backend-for-frontend-bff-architecture-64fa9f316a5a
#bff
Medium
Backend for Frontend (BFF) Architecture
In modern software development, the shift towards microservices, cloud-native architectures, and an ever-growing range of client devices…
Building API Gateway in Node.js: Part II — Security, Authentication &…
Protecting Your Microservices - https://medium.com/@dmytro.misik/building-api-gateway-in-node-js-part-ii-security-authentication-authorization-ba87e53b023d
#nodejs
Protecting Your Microservices - https://medium.com/@dmytro.misik/building-api-gateway-in-node-js-part-ii-security-authentication-authorization-ba87e53b023d
#nodejs
Medium
Building API Gateway in Node.js: Part II — Security, Authentication & Authorization
Protecting Your Microservices
React Query - The Bad Parts Tradeoffs?
Dominik caps off a fantastic series of posts digging into React Query (and spanning years) with an annotated set of slides from a recent talk digging into frequent criticisms about the project. If you're a React Query user, you might learn a few things here. - https://tkdodo.eu/blog/react-query-the-bad-parts
#react
Dominik caps off a fantastic series of posts digging into React Query (and spanning years) with an annotated set of slides from a recent talk digging into frequent criticisms about the project. If you're a React Query user, you might learn a few things here. - https://tkdodo.eu/blog/react-query-the-bad-parts
#react
tkdodo.eu
React Query - The Bad Parts
In this talk, maintainer Dominik will explore the other side—the less favorable aspects of React Query and situations where it may not be the best fit. No library is perfect; every choice involves trade-offs. By the end of this talk, you'll have a better…
Dynamic Focus Zoom Effect with CSS @property
Jo Mändle explains how to create a dynamic focus zoom effect using CSS custom properties and a radial-gradient mask. - https://www.jomaendle.com/blog/focus-zoom-at-property
#css
Jo Mändle explains how to create a dynamic focus zoom effect using CSS custom properties and a radial-gradient mask. - https://www.jomaendle.com/blog/focus-zoom-at-property
#css
Jomaendle
Dynamic Focus Zoom Effect with CSS @property | Jo Mändle
Full-Stack developer sharing his thoughts on the web.
Import .md file as Vue.js Components
This Vite plugin adds support for importing a Markdown file as a Vue component.
Works with Vue 2 & 3. - https://vuejsfeed.com/blog/vite-vue-md-import-md-file-as-vue-js-components
#vue
This Vite plugin adds support for importing a Markdown file as a Vue component.
Works with Vue 2 & 3. - https://vuejsfeed.com/blog/vite-vue-md-import-md-file-as-vue-js-components
#vue
Vue.js Feed
Vite-Vue-MD: Import .md file as Vue.js Components
This Vite plugin adds support for importing a Markdown file as a Vue component.