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.
👍4
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
👍3
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
❤2👍1
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…
👍3
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.
👍4
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.
👍2
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:
👍2
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…
👍5
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
❤2👍1
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…
👍3
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.
👍4
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.
👍5
Angular’s effect(): Use Cases & Enforced Asynchrony
Angular's Signals are designed with simplicity in mind, providing three core functions: signal() to create Signals, computed() for derived Signals, and effect() to handle side effects. - https://www.rainerhahnekamp.com/en/angulars-effect-enforced-asynchrony/
#angular
Angular's Signals are designed with simplicity in mind, providing three core functions: signal() to create Signals, computed() for derived Signals, and effect() to handle side effects. - https://www.rainerhahnekamp.com/en/angulars-effect-enforced-asynchrony/
#angular
Rainer Hahnekamp
Angular’s effect(): Use Cases & Enforced Asynchrony
Angular's Signals are designed with simplicity in mind, providing three core functions: signal() to create Signals, computed() for derived Signals, and effect() to handle side effects. The last one, effect(), stands out. While still in developer preview (unlike…
👍2
The January 21, 2025 Security Releases Arrived
Security updates for versions 18.x, 20.x, 22.x, and 23.x, addressing vulnerabilities including a high-severity worker permission bypass. Patches also cover path traversal issues on Windows & HTTP/2 memory leaks. - https://nodejs.org/en/blog/vulnerability/january-2025-security-releases
#nodejs
Security updates for versions 18.x, 20.x, 22.x, and 23.x, addressing vulnerabilities including a high-severity worker permission bypass. Patches also cover path traversal issues on Windows & HTTP/2 memory leaks. - https://nodejs.org/en/blog/vulnerability/january-2025-security-releases
#nodejs
nodejs.org
Node.js — Tuesday, January 21, 2025 Security Releases
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
❤2👍1💅1
React and OpenLayers Integration: A Comprehensive Guide
Add interactive maps to your React app by integrating with the well-established OpenLayers mapping library. - https://mxd.codes/articles/how-to-create-a-web-map-with-open-layers-and-react
#react
Add interactive maps to your React app by integrating with the well-established OpenLayers mapping library. - https://mxd.codes/articles/how-to-create-a-web-map-with-open-layers-and-react
#react
Max Dietrich - Geospatial Developer
Mastering React and OpenLayers Integration: A Comprehensive Guide
Unlock the full potential of interactive maps in your React applications by delving into the seamless integration of OpenLayers.
👍2
Micro Frontend: Run-Time Vs. Build-Time Integration
Micro frontend architecture is a technique for splitting an app’s frontend into smaller, easier-to-manage modules. It works similarly to the microservices architectural design used in back-end development and helps improve scalability and efficiency in front-end development. - https://www.syncfusion.com/blogs/post/micro-frontend-run-time-vs-build-time
#microfrontends
Micro frontend architecture is a technique for splitting an app’s frontend into smaller, easier-to-manage modules. It works similarly to the microservices architectural design used in back-end development and helps improve scalability and efficiency in front-end development. - https://www.syncfusion.com/blogs/post/micro-frontend-run-time-vs-build-time
#microfrontends
Syncfusion Blogs
Micro Frontend: Run-Time Vs. Build-Time Integration
Learn how to optimize your micro frontend architecture with runtime and build-time integration techniques, enhancing scalability, and performance.
👍2
Common Vuejs Development Mistakes
Using non unique Id’s for v-for loops
Non reactive value as a dependency
Replacing reactive value - https://medium.com/@dimeji.ogunleye20/common-vuejs-development-mistakes-10877bdc591d
#vue
Using non unique Id’s for v-for loops
Non reactive value as a dependency
Replacing reactive value - https://medium.com/@dimeji.ogunleye20/common-vuejs-development-mistakes-10877bdc591d
#vue
Medium
Common Vuejs Development Mistakes
We all can agree bugs are annoying but they occur due to development mistakes
👍3
Change font-weight based on the user's screen DPI
Stanko Tadić explains how and why you should change the font-weight for high-dpi screens. - https://muffinman.io/blog/font-weight-based-on-dpi
#css
Stanko Tadić explains how and why you should change the font-weight for high-dpi screens. - https://muffinman.io/blog/font-weight-based-on-dpi
#css
Muffin Man
Change font-weight based on the user's screen DPI
How to use CSS queries to target hi-DPI screens to progressively enhance your website.
👍2
How I Improved My Angular 17+ Skills Through 100 Days of Code - https://javascript.plainenglish.io/how-i-improved-my-angular-17-skills-through-100-days-of-code-c1c801867e3d
#angular
#angular
Medium
How I Improved My Angular 17+ Skills Through 100 Days of Code
A Developer’s Journey of Consistent Learning, Growth, and Mastery
👍3
Building a Semantic Movie Search Demo with pgvector and Next.js - https://blog.6nok.org/building-a-semantic-movie-search-demo-with-pgvector-and-next.js/
#react
#react
blog.6nok.org
Building a semantic movie search demo with pgvector and Next.js
On why and how I built a semantic search app and my impressions with it
👍4