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
Troubles with Multipart Form Data and fetch in Node
One developer’s pain in debugging somethng that ‘should have just worked’ could be your relief if you run into issues where using fetch for multipart/form-data requests simply isn’t working - https://philna.sh/blog/2025/01/14/troubles-with-multipart-form-data-fetch-node-js/
#nodejs
One developer’s pain in debugging somethng that ‘should have just worked’ could be your relief if you run into issues where using fetch for multipart/form-data requests simply isn’t working - https://philna.sh/blog/2025/01/14/troubles-with-multipart-form-data-fetch-node-js/
#nodejs
Phil Nash
Troubles with multipart form data and fetch in Node.js
This is one of those cathartic blog posts. One in which I spent several frustrating hours trying to debug something that really should have just worked. Once...
👍3
Patterns for Memory Efficient DOM Manipulation
Marc shares a solid look at the best practices to employ in order to avoid excess memory usage when managing/updating the DOM, all with a hope to make your apps faster. A good overview of the core principles behind DOM manipulation and optimization. - https://frontendmasters.com/blog/patterns-for-memory-efficient-dom-manipulation/
#javascript
Marc shares a solid look at the best practices to employ in order to avoid excess memory usage when managing/updating the DOM, all with a hope to make your apps faster. A good overview of the core principles behind DOM manipulation and optimization. - https://frontendmasters.com/blog/patterns-for-memory-efficient-dom-manipulation/
#javascript
Frontend Masters
Patterns for Memory Efficient DOM Manipulation with Modern Vanilla JavaScript
Let’s continue the modern vanilla JavaScript series!
👍3👎1🤔1
Compiling CSS With Vite and Lightning CSS
Ryan Trimble shows how, with a little configuration, you can compile partial CSS files without a Sass dependency. - https://css-tricks.com/compiling-css-with-vite-and-lightning-css
#css
Ryan Trimble shows how, with a little configuration, you can compile partial CSS files without a Sass dependency. - https://css-tricks.com/compiling-css-with-vite-and-lightning-css
#css
CSS-Tricks
Compiling CSS With Vite and Lightning CSS | CSS-Tricks
Are partials the only thing keeping you writing CSS in Sass? With a little configuration, it's possible to compile partial CSS files without a Sass dependency. Ryan Trimble has the details.
👍3