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

It’s Time To Talk About “CSS5”

Brecht De Ruyte shares how the W3C CSS-Next community group is actively searching for better approaches for describing the evolution of CSS and identifying feature sets as effectively as we did with CSS3 in 2009. - https://www.smashingmagazine.com/2024/08/time-to-talk-about-css5

#css

The Node.js Best Practices List: 2024 Edition

An in-depth guide for Node developers that we link to most years. Divided into 8 sections and updated regularly, it digs into areas from error handling and code style to Docker and security practices. - https://github.com/goldbergyoni/nodebestpractices#readme

#nodejs

Catching Up With The Latest Features In Angular - https://ionic.io/blog/catching-up-with-the-latest-features-in-angular

#angular

5 Essentials for Modern Frontend Architecture

Quick insights to better design your frontend architecture - https://blog.bitsrc.io/5-tips-for-modern-frontend-architecture-e3342241cb15

#architecture

5 Must-Have Nuxt Modules Every Developer Should Know

In this article the author explores some of his go to Nuxt modules and how they affect his project. - https://blog.stackademic.com/5-must-have-nuxt-modules-every-developer-should-know-7758f64ffa52

#vue