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.
👍3
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...
👍3
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…
👍5
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.
👍2🥱2
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.
👍6
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…
👍3❤1
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.
👍3
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...
👍3
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…
👍4❤2
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…
👍2
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
👍2❤1
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
👍4
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
👍2
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
👍4
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.
👍2
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.sh
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…
❤3👍3
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...
👍4
Using Docusaurus to Build A Modern Documentation Website
When building a software product, whether a framework, library or any interesting piece of technology, having… - https://semaphoreci.medium.com/using-docusaurus-to-build-a-modern-documentation-website-1e718405f07a
#docusaurus
When building a software product, whether a framework, library or any interesting piece of technology, having… - https://semaphoreci.medium.com/using-docusaurus-to-build-a-modern-documentation-website-1e718405f07a
#docusaurus
Medium
Using Docusaurus to Build A Modern Documentation Website
When building a software product, whether a framework, library or any interesting piece of technology, having a well-designed documentation…
👍2
v-model and defineModel: A Comprehensive Guide to Two-Way Binding in Vue.js 3
In this comprehensive guide, we'll explore how to implement seamless data flow between components using this powerful composition API Macro. - https://vueschool.io/articles/vuejs-tutorials/v-model-and-definemodel-a-comprehensive-guide-to-two-way-binding-in-vue-js-3/
#vue
In this comprehensive guide, we'll explore how to implement seamless data flow between components using this powerful composition API Macro. - https://vueschool.io/articles/vuejs-tutorials/v-model-and-definemodel-a-comprehensive-guide-to-two-way-binding-in-vue-js-3/
#vue
vueschool.io
v-model & defineModel: Two-Way Binding in Vue 3 - Vue School Articles
Master v-model and defineModel for two-way binding in Vue 3. Learn how to use these features for efficient data binding in your Vue.js apps.
👍5
Node.js v22 Enters Long Term Support (LTS)
This happened in the past couple of weeks, but Lizz has put together a useful update on Node 22’s recent transition to becoming an LTS release and the key features it has baked in. - https://nodesource.com/blog/Node.js-v22-Long-Term-Support-LTS
#nodejs
This happened in the past couple of weeks, but Lizz has put together a useful update on Node 22’s recent transition to becoming an LTS release and the key features it has baked in. - https://nodesource.com/blog/Node.js-v22-Long-Term-Support-LTS
#nodejs
The NodeSource Blog - Node.js Tutorials, Guides, and Updates
Node.js v22 Enters Long Term Support (LTS)
With Active LTS support extending into late 2025, Node.js v22.x is an excellent choice for those aiming for long-term support in production environments.
👍3