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

Angular’s Model Function Explored: A Comprehensive Overview

The newest addition to Angular is the model function, which enhances two-way data binding using signals. - https://netbasal.com/angulars-model-function-explored-a-comprehensive-overview-4481d023c822

#angular

How to fix the invisible scrollbar issue in iOS browsers - https://frontendmasters.com/blog/how-to-fix-the-invisible-scrollbar-issue-in-ios/

#css

Node.js Toolbox: A Way to Find and Compare Node.js Packages

A fantastic community maintained resource that presents a category-based way to find packages and libraries. For example, you can check out HTTP frameworks, browser testing, query builders, and more. You can compare libraries in various ways, see their download count, or edit/submit listings yourself. - https://nodejstoolbox.com/

#nodejs

Vue Accessibility Blueprint: 8 Steps

Writing accessible components in Vue is crucial as more developers recognise the importance of making websites usable for everyone, including those with disabilities. Here are eight straightforward steps to help you build better, more accessible Vue components. - https://dev.to/alexanderop/vue-accessibility-blueprint-8-steps-gim

#vue

Flags as Code in Next.js using Vercel's Flags SDK

Vercel recently introduced an SDK for using feature flags in Vercel-hosted Next.js and SvelteKit-based apps. It’s agnostic, sitting in between your app and the source of such flags. Here’s how it works. - https://vercel.com/blog/flags-as-code-in-next-js

#react

The Lifecycle of Software: An Engineer’s Perspective on SDLC and Agile vs…

The Dynamics of Software Engineering: Navigating Through Methodologies and Lifecycle Phases - https://bootcamp.uxdesign.cc/the-lifecycle-of-software-an-engineers-perspective-on-sdlc-and-agile-vs-waterfall-25b39aeda3e3

#sdlc