How to Choose the Best Rendering Strategy for Your App

Get a feel for the differences between Static Site Generation (SSG), Server-Side Rendering (SSR), Client-Side Rendering (CSR), Incremental Static Regeneration (ISR), and Partial Prerendering (PPR). - https://vercel.com/blog/how-to-choose-the-best-rendering-strategy-for-your-app

#react

Implementing Clean Architecture in a Vue.js Application

Clean Architecture is a software design philosophy that emphasizes separation of concerns, testability, and maintainability by organizing code into distinct layers of abstraction. In this article, we’ll explore how to implement Clean Architecture in a Vue.js application, focusing on the authentication module as an example. - https://medium.com/@victormisiko.vm/implementing-clean-architecture-in-a-vue-js-application-fd23b33ef488

#vue

Template-Level Lazy Loading in Angular

Comparing the Classic and Modern APIs for Lazy Loading Template Dependencies - https://itnext.io/template-level-lazy-loading-in-angular-8adde7dad50a

#angular

Why is Spawning a New Process in Node So Slow?

The developers of the Val Town platform noticed that Node couldn’t spawn more than 40 external processes per second, whereas Deno and Bun could do a lot more. Are there ways to significantly improve this? Actually, yes! - https://blog.val.town/blog/node-spawn-performance/

#nodejs

A highly configurable switch component using modern CSS techniques - https://piccalil.li/blog/a-highly-configurable-switch-component-using-modern-css/

#css

DRY – A Common Source of Bad Abstractions

The pursuit of avoiding repetition at all costs can sometimes result in crude, hard to maintain code. Think about the actual concerns involved and you might find a better way to break things down. - https://swizec.com/blog/dry-the-common-source-of-bad-abstractions/

#react

Lazy Load Vue Component When It Becomes Visible

In this blog post,explore a simple mechanism to lazy load your Vue components if they become visible using the Intersection Observer API. - https://mokkapps.de/blog/lazy-load-vue-component-when-it-becomes-visible

#vue

Securing Web: A Deep Dive into Content Security Policy - https://dev.to/vashnavichauhan18/securing-web-a-deep-dive-into-content-security-policy-csp-2nna

#security

A Practical Guide to Not Blocking the Event Loop

A look at the core principles of synchronous and asynchronous work in a single-threaded environment, stressing the importance of non-blocking code for efficient event loop utilization. - https://www.bbss.dev/posts/eventloop/

#nodejs

CSS Scroll-triggered Animations with Style Queries - https://ryanmulligan.dev/blog/scroll-triggered-animations-style-queries/

#css

Code smells in Angular — Deep Dive — Part II

In one of my last blog post I have taken a deep dive on the top 5 code smells regarding the… - https://medium.com/@robert.maiersilldorff/code-smells-in-angular-deep-dive-part-ii-747526c43cc9

#angular

Websocket Alternative: How to use Firestore to Listen to Realtime Events

In this blog, the author walks through how to configure Firestore to listen to real-time events in a Vue 3 application. - https://dev.to/canopassoftware/websocket-alternative-how-to-use-firestore-to-listen-to-realtime-events-4ja0

#vue

45 JavaScript Super Hacks Every Developer Should Know

JavaScript is a versatile and powerful language that is essential for modern web development. Here are 100 super hacks that will make you a more efficient and effective JavaScript developer, with detailed explanations and examples for each one. - https://blog.devgenius.io/45-javascript-super-hacks-every-developer-should-know-92aecfb33ee8

#javascript

Faire’s Transition to Next.js

As described by one of their Senior Software Developers, how the online wholesale marketplace Faire navigated the challenging migration (involving a million lines of code) from a mature SPA to server-side Next.js. - https://craft.faire.com/boosting-performance-faires-transition-to-nextjs-3967f092caaf

#react

How To Center a Div: The Ultimate Guide to Centering in CSS - https://www.joshwcomeau.com/css/center-a-div/

#css

Node.js Adds Experimental Support for TypeScript

In this pull request, Node merged an experimental ability to transpile TypeScript into JavaScript, ultimately letting Node directly ‘run TypeScript’. However, no type checking is performed and, as Matt Pocock explains, experimental and TypeScript-only features are a no-no. Perhaps think of it as less ‘running TypeScript’ and more ‘able to tolerate most of TypeScript’? - https://socket.dev/blog/node-js-adds-experimental-support-for-typescript

#nodejs

react-movable: Drag and Drop for Lists and Tables

Vertical drag and drop for lists and tables with no additional markup needed. Accessible and touch device friendly. - https://github.com/tajo/react-movable

#react #component

Senior Frontend Developer Roadmap 2024: 5 Clear Steps To Next Level - https://www.theseniordev.com/blog/senior-frontend-developer-roadmap-for-2024-5-clear-steps-to-next-level

#frontend #roadmap

How to Structure a Large Scale Vue Application

When it comes to creating a scalable project you want everything about it to be as predictable as possible. This article discusses the best way to structure a Vue.js application so that it scales and remains maintainable and extendable the more it grows - https://vueschool.io/articles/vuejs-tutorials/how-to-structure-a-large-scale-vue-application/

#vue

Data Fetching with Server Actions in Next.js

Can you? Should you? If not, why not? Robin doesn’t think the feature is quite there yet. - https://www.robinwieruch.de/next-server-actions-fetch-data/

#react