How to use the CSS backdrop-filter Property
Oscar Jite-Orimiono shows how the backdrop-filter property works and shares a few practical examples. - https://blog.logrocket.com/use-css-backdrop-filter-property
#css
Oscar Jite-Orimiono shows how the backdrop-filter property works and shares a few practical examples. - https://blog.logrocket.com/use-css-backdrop-filter-property
#css
LogRocket Blog
How to use the CSS backdrop-filter property - LogRocket Blog
Learn how the CSS backdrop-filter property with functions like blur, grayscale, contrast, and brightness can add more depth to visual effects.
Validating Your react-intl App Translations with i18n-check - https://lingual.dev/blog/validating-react-intl-applications/
#react
#react
Lingual
Validating your react-intl applications
How to ensure your react-intl applications are valid and up to date
Application Shell for React Micro Frontends
Mastering Micro Frontend Integration: Achieving Cohesive UX and Optimized Performance. - https://blog.bitsrc.io/application-shell-for-react-micro-frontends-daa944caa8f3
#microfrontends
Mastering Micro Frontend Integration: Achieving Cohesive UX and Optimized Performance. - https://blog.bitsrc.io/application-shell-for-react-micro-frontends-daa944caa8f3
#microfrontends
Medium
Application Shell for React Micro Frontends
Mastering Micro Frontend Integration: Achieving Cohesive UX and Optimized Performance.
Why Code Security Matters - Even in Hardened Environments
A nicely diagrammed deep dive (and it really is deep) into a technique that allows malicious parties to turn a file write vulnerability in a Node app into a remote code execution exploit even when the file system is mounted read-only. - https://www.sonarsource.com/blog/why-code-security-matters-even-in-hardened-environments/
#nodejs
A nicely diagrammed deep dive (and it really is deep) into a technique that allows malicious parties to turn a file write vulnerability in a Node app into a remote code execution exploit even when the file system is mounted read-only. - https://www.sonarsource.com/blog/why-code-security-matters-even-in-hardened-environments/
#nodejs
Sonarsource
Why Code Security Matters - Even in Hardened Environments
This blog post showcases why fundamental code security is essential for an application despite all hardening measures applied in the underlying infrastructure.
Good Practices and Design Patterns for Vue Composables
This article from Jakub Andrzejewski combines knowledge from his personal experiences and other articles on good practices and design patterns for writing Vue.js composables. - https://dev.to/jacobandrewsky/good-practices-and-design-patterns-for-vue-composables-24lk
#vue
This article from Jakub Andrzejewski combines knowledge from his personal experiences and other articles on good practices and design patterns for writing Vue.js composables. - https://dev.to/jacobandrewsky/good-practices-and-design-patterns-for-vue-composables-24lk
#vue
DEV Community
Good practices and Design Patterns for Vue Composables
I recently had a great discussion with my team at Vue Storefront about patterns for writing Vue...
Micro Front Ends with Angular and NX Intro
Micro Front Ends is a style where front end is broken down into smaller, independently deployable units. Each… - https://javascript.plainenglish.io/micro-front-end-with-angular-nx-intro-ae0f61385f05
#angular
Micro Front Ends is a style where front end is broken down into smaller, independently deployable units. Each… - https://javascript.plainenglish.io/micro-front-end-with-angular-nx-intro-ae0f61385f05
#angular
Medium
Micro Front Ends with Angular and NX Intro
Micro Front Ends is a style where front end is broken down into smaller, independently deployable units. Each unit, or microfrontend…
A Guide to Using useCallback() to Prevent Unnecessary Re-Renders - https://hygraph.com/blog/react-usecallback-a-complete-guide
#react
#react
Hygraph
React useCallback() - A complete guide
Prevent unnecessary re-renders with React useCallback(). Learn the ins and outs of this powerful Hook and when and how to use it effectively.
Interactive Post on OKLCH Color Space
Abhishek Saha explains the limitations of sRGB and how OKLCH makes color transitions smoother and more natural. - https://abhisaha.com/blog/interactive-post-oklch-color-space
#css
Abhishek Saha explains the limitations of sRGB and how OKLCH makes color transitions smoother and more natural. - https://abhisaha.com/blog/interactive-post-oklch-color-space
#css
Abhisaha
Interactive post on OKLCH color space | Little Things
Limitations of sRGB, and how OKlch makes color transitions smoother and more natural, just like the human eye perceives them.
Most-Used Distributed System Design Patterns
Distributed system design patterns provide architects and developers with proven solutions and best practices… - https://medium.com/javarevisited/most-used-distributed-system-patterns-d5d90ffedf33
#system #design
Distributed system design patterns provide architects and developers with proven solutions and best practices… - https://medium.com/javarevisited/most-used-distributed-system-patterns-d5d90ffedf33
#system #design
Medium
Most-Used Distributed System Design Patterns
Distributed system design patterns provide architects and developers with proven solutions and best practices for designing and…
Speeding Up the Virtual DOM With Vue.js
Web frameworks often use a virtual DOM to keep track of current UI elements.
To combat performance issues, Vue.js closely couples its runtime and compiler. - https://www.heise.de/hintergrund/Speeding-Up-the-Virtual-DOM-With-Vue-js-9799410.html
#vue
Web frameworks often use a virtual DOM to keep track of current UI elements.
To combat performance issues, Vue.js closely couples its runtime and compiler. - https://www.heise.de/hintergrund/Speeding-Up-the-Virtual-DOM-With-Vue-js-9799410.html
#vue
Developer
Speeding Up the Virtual DOM With Vue.js
Web frameworks often use a virtual DOM to keep track of current UI elements. To combat performance issues, Vue.js closely couples its runtime and compiler.
Wasmer Adds Node.js and Bun Support
Wasmer is a fast, Rust-powered WebAssembly runtime and as of Wasmer 5.0, it has (experimental) V8 backend support, meaning you can try all sorts of curious things like, say, running Clang or Python inside Node. - https://wasmer.io/posts/wasmer-js-sdk-now-supports-node-and-bun
#nodejs
Wasmer is a fast, Rust-powered WebAssembly runtime and as of Wasmer 5.0, it has (experimental) V8 backend support, meaning you can try all sorts of curious things like, say, running Clang or Python inside Node. - https://wasmer.io/posts/wasmer-js-sdk-now-supports-node-and-bun
#nodejs
wasmer.io
@wasmer/sdk adds Node.js and Bun support · Blog · Wasmer
A few months ago [we launched the revamped version of Wasmer SDK for Javascript](https://wasmer.io/posts/introducing-the-wasmer-js-sdk). Unfortunately i...
Angular: Build gradually, your fully dynamic, flexible reactive form
Do you know that there are 2 types of dynamic forms? One without dynamic components and one with? Here you… - https://levelup.gitconnected.com/angular-build-gradually-your-fully-dynamic-flexible-reactive-form-0fce96a6a051
#angular
Do you know that there are 2 types of dynamic forms? One without dynamic components and one with? Here you… - https://levelup.gitconnected.com/angular-build-gradually-your-fully-dynamic-flexible-reactive-form-0fce96a6a051
#angular
Medium
Angular: Build gradually, your fully dynamic, flexible reactive form
Do you know that there are 2 types of dynamic forms? One without dynamic components and one with? Here you will learn about both of them…
Architectural Decisions
The main thing that shape your code/design/architecture are decisions about software. So let’s talk about… - https://blog.stackademic.com/architectural-decisions-40e5a42989c9
#architectural
The main thing that shape your code/design/architecture are decisions about software. So let’s talk about… - https://blog.stackademic.com/architectural-decisions-40e5a42989c9
#architectural
Medium
Architectural Decisions
The main thing that shape your code/design/architecture are decisions about software.
So let’s talk about decisions, which, when, who. A…
So let’s talk about decisions, which, when, who. A…
Uncontrolled or Controlled: A Matter of Perspective?
Controlled components have state managed by React, while uncontrolled components store their state in the DOM, but sometimes it’s a bit more complicated than that, as Sam demonstrates here. - https://buildui.com/posts/uncontrolled-vs-controlled-a-matter-of-perspective
#react
Controlled components have state managed by React, while uncontrolled components store their state in the DOM, but sometimes it’s a bit more complicated than that, as Sam demonstrates here. - https://buildui.com/posts/uncontrolled-vs-controlled-a-matter-of-perspective
#react
Build UI
Uncontrolled or controlled: A matter of perspective
CSS Tricks That Use Only One Gradient
Temani Afif showcases a number of the incredible things you can create with just one CSS gradient. - https://css-tricks.com/css-tricks-that-use-only-one-gradient
#css
Temani Afif showcases a number of the incredible things you can create with just one CSS gradient. - https://css-tricks.com/css-tricks-that-use-only-one-gradient
#css
CSS-Tricks
CSS Tricks That Use Only One Gradient | CSS-Tricks
CSS gradients have been so long that there’s no need to rehash what they are and how to use them. You have surely encountered them at some point in your
Angular Tips & Tricks: Initialize NgRx SignalStore from Resolver
Quick tutorial on how to instantiate a NgRx SignalStore with data from resolver for better UX - https://itnext.io/angular-tips-tricks-initialize-ngrx-signalstore-from-resolver-738c9ff58369
#angular
Quick tutorial on how to instantiate a NgRx SignalStore with data from resolver for better UX - https://itnext.io/angular-tips-tricks-initialize-ngrx-signalstore-from-resolver-738c9ff58369
#angular
Medium
Angular Tips & Tricks: Initialize SignalStore from Resolver
Quick tutorial on how to instantiate a NgRx SignalStore with data from resolver for better UX
Building Real-Time Applications with Vue.js and WebSockets
This guide walks through setting up a Vue.js project, integrating Socket.io for WebSocket communication, and creating a real-time chat application. - https://medium.com/@emperorbrains/building-real-time-applications-with-vue-js-and-websockets-3db2dd8d5d7c
#vue
This guide walks through setting up a Vue.js project, integrating Socket.io for WebSocket communication, and creating a real-time chat application. - https://medium.com/@emperorbrains/building-real-time-applications-with-vue-js-and-websockets-3db2dd8d5d7c
#vue
Medium
Building Real-Time Applications with Vue.js and WebSockets
Introduction to Vue.js and WebSockets
Introducing the vlt Package Manager
Made up of an incredibly experienced team, including npm’s creator Isaac Schlueter, Vlt set out to ‘build the future’ of JS package management. The vlt tool, explained here, is the first fruit of the project and acts as ‘a drop-in replacement’ to whatever you’re using now. - https://blog.vlt.sh/blog/introducing-vlt-and-vsr
#nodejs
Made up of an incredibly experienced team, including npm’s creator Isaac Schlueter, Vlt set out to ‘build the future’ of JS package management. The vlt tool, explained here, is the first fruit of the project and acts as ‘a drop-in replacement’ to whatever you’re using now. - https://blog.vlt.sh/blog/introducing-vlt-and-vsr
#nodejs
vlt /vōlt/ - blog
Introducing the vlt Package Manager & Serverless Registry
Announcing our foundational Package Manager Client & Serverless Registry.
Building React Forms with Ease Using React Hook Form, Zod and Shadcn
I exaggerate, but it seems there are almost as many ways to create forms in React as there React developers, but here’s one developer’s clean, modern approach. - https://wasp-lang.dev/blog/2024/11/20/building-react-forms-with-ease-using-react-hook-form-and-zod
#react
I exaggerate, but it seems there are almost as many ways to create forms in React as there React developers, but here’s one developer’s clean, modern approach. - https://wasp-lang.dev/blog/2024/11/20/building-react-forms-with-ease-using-react-hook-form-and-zod
#react
wasp-lang.dev
Building React Forms with Ease Using React Hook Form, Zod and Shadcn | Wasp
Forms are something every developer encounters, whether as a user or on the developer side. They’re essential on most websites, but their complexity can vary wildly—from simple 3-field contact forms to giga-monster-t-rex, multi-page forms with 150 fields…
I wasted a day on CSS selector performance to make a website load 2ms faster
Trys Mudford shares his experience of trying to improve the CSS selector performance. - https://www.trysmudford.com/blog/i-spent-a-day-making-the-website-go-2ms-faster
#css
Trys Mudford shares his experience of trying to improve the CSS selector performance. - https://www.trysmudford.com/blog/i-spent-a-day-making-the-website-go-2ms-faster
#css
Trysmudford
I wasted a day on CSS selector performance to make a website load 2ms faster | Trys Mudford
A tale of diminishing returns...