What is Universal Rendering?

This article delves deeper into the workings of SPAs, SSRs, and the innovative Universal Rendering of Nuxt. - https://masteringnuxt.com/blog/what-is-universal-rendering

#vue

Angular: Ways to prevent ClickJacking from the web server and the front end…

Clickjacking is an attack that tricks a user into clicking a webpage element which is invisible or disguised… - https://javascript.plainenglish.io/angular-ways-to-prevent-clickjacking-from-the-web-server-and-the-front-end-application-8298d0507012

#angular

Manipulating Dates with Day.js

Calendar Time and Date-Time Difference
Day.js is a JavaScript library that lets us manipulate dates in our apps. - https://javascript.plainenglish.io/manipulating-dates-with-day-js-calendar-time-and-date-time-difference-1b2751a4f5dd

#javascript

The Golden Ratio in CSS

Mads Stoumann demonstrates how to recreate the Golden Ratio Diagram in CSS, using a few grid-declarations and some additional tricks. - https://dev.to/madsstoumann/the-golden-ratio-in-css-53d0

#css

Make dangerouslySetInnerHTML Safer by Disabling Inline Event Handlers

How to begin to neutralize the threats when you need to wield this feature. - https://macarthur.me/posts/safer-dangerouslysetinnerhtml/

#react

Build an accessible tooltip component efficiently with CSS and Vue

A tooltip is an informative and short message that appears only when there is user interaction with an element on the UI of an application, usually to provide hints. This article will explore creating a tooltip for a specific element in Vue as a wrapper component with a slot. - https://dev.to/mayashavin/build-an-accessible-tooltip-component-efficiently-with-css-and-vue-1p27

#vue

Node.js, Pipes, and Disappearing Bytes

If piping a Node app’s output to another command, mysterious problems can arise - https://sxlijin.github.io/2024-10-09-node-stdout-disappearing-bytes

#nodejs

Data fetching patterns in Angular

Angular ships with various built-in features that support us in applying reliable patterns in a simplified… - https://medium.com/medialesson/data-fetching-patterns-in-angular-185da4cfbcde

#angular

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

Validating Your react-intl App Translations with i18n-check - https://lingual.dev/blog/validating-react-intl-applications/

#react

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

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

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

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

A Guide to Using useCallback() to Prevent Unnecessary Re-Renders - https://hygraph.com/blog/react-usecallback-a-complete-guide

#react

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

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

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

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

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