How Top-Level await Could Break Compatibility

Node 23 makes it possible to load ES modules transparently with require which is great, but.. only if the module being loaded isn’t using top-level await. One for package creators to think carefully about before backwards compatibility issues creep in! - https://evertpot.com/using-top-level-await-is-bc-break/

#nodejs

Create Stunning Maps Effortlessly with React Leaflet - https://jsdev.space/mastering-react-leaflet/

#react

Vue.js and HTML Injection Explained

Do you use v-html in your code? If so, you might be at risk of attack via HTML injection. In this article, explore exactly HOW v-html puts you at risk, use cases and mitigation strategies - https://vueschool.io/articles/vuejs-tutorials/vue-js-and-html-injection-explained/

#vue

Improving Code Reusability in Angular Projects

In this article, you’ll find recommendations on how to make your Angular components and services more… - https://medium.com/@eugeniyoz/improving-code-reusability-in-angular-projects-b169d4a1c786

#angular

The 20 Essential Principles of Software Development: LoD, SoC, SOLID, and…

Core software development principles that every developer must know. - https://levelup.gitconnected.com/the-20-essential-principles-of-software-development-lod-soc-solid-and-beyond-7a39a98b685d

#principles

A Deep Dive into Micro Frontend Architecture

Discover the power of Micro Frontend Architecture in React.js! Learn how to build modular and scalable web… - https://medium.com/@isuruariyarathna2k00/a-deep-dive-into-micro-frontend-architecture-with-react-js-264ca6edca6b

#microfrontends

The Story of the Hono Web Framework

Hono is a lightweight framework designed to run on any JavaScript runtime that's been picking up steam in the past year. With it, you can create an app in a Express-like style but run it on Cloudflare Workers, Deno, Bun, or Node. - https://blog.cloudflare.com/the-story-of-web-framework-hono-from-the-creator-of-hono/

#nodejs

React Folder Structure in Five Steps, 2024 Edition

The latest result of Robin’s efforts at updating his popular posts to 2024 standards. Articles about structuring React apps are always popular; this one breaks the idea down to five steps going from the simplest of apps to more complex ones. Bulletproof React is also worth a look if you need something broader. - https://www.robinwieruch.de/react-folder-structure/

#react

Best Frontend Frameworks for Web Development in 2024

Quick Summary: Selecting the right front-end framework is, in fact, a significantly important part of web… - https://javascript.plainenglish.io/best-frontend-frameworks-for-web-development-in-2024-bcec59055c00

#frontend #frameworks

Vue 3 Auto Routing By File Structure

Tired of manually managing routes in Vue? Here's a solid approach to auto routing by file structure in Vue 3 you might find useful! - https://dev.to/jenueldev/vue-3-auto-routing-by-file-structure-2hac

#vue

Template local variables with @let in Angular

Give me let Angular - https://itnext.io/template-local-variables-with-let-in-angular-4c6b3adfd9be

#angular

Best Testing Practices in Node.js

A quick-fire list of 15 worthwhile testing practices to use in order to write efficient, effective, and easy-to-maintain tests. - https://blog.appsignal.com/2024/10/16/best-testing-practices-in-nodejs.html

#nodejs

How to Implement a 'Drag to Select' Mechanism

Josh wanted to implement drag based selection to make bulk operations easier for end users. It was harder than he thought, but he’s done a great job explaining every step of his approach. - https://www.joshuawootonn.com/react-drag-to-select

#react

Feedback needed: How should we define CSS masonry?

Rachel Andrew, Ian Kilpatrick, and Tab Atkins-Bittner are asking for your feedback on defining CSS Masonry. It could be defined either with display: masonry or with display: grid. - https://developer.chrome.com/blog/masonry-syntax

#css

Caching Data With Nuxt (client-side)

This tutorial demonstrates how to cache data on the client-side within a Nuxt application using the getCacheData method. This allows you to easily cache your data and avoid unnecessary calls to an API for your users. The video includes a step-by-step guide on how to implement caching, including setting an expiration time for your cached data. - https://www.youtube.com/watch?v=taYtXvZJvLk

#vue

TypeScript Interview Questions

Nowadays most modern ReactJS and NodeJS apps are created using TypeScript. Angular was already having it… - https://nabendu82.medium.com/typescript-interview-questions-80d4bb1e9733

#typescript

Simplifying Client-Side Logic: The Strategic Use of View Models

Applications often require different data representations from what’s directly available from the server. For… - https://netbasal.com/simplifying-client-side-logic-the-strategic-use-of-view-models-db0ae0363be4

#view-model

Improving rendering performance with CSS content-visibility

Nolan Lawson demonstrates how you can use content-visibility to improve performance. - https://nolanlawson.com/2024/09/18/improving-rendering-performance-with-css-content-visibility

#css

How Node.js Can Now Run TypeScript  - https://samthor.au/2024/node-run-typescript/

#nodejs

How React Router v7 Became Type-Safe

An overview of the soon-to-be-released React Router 7, why recent type-safety improvements are both exciting and useful, as well as some live demos. - https://www.youtube.com/watch?v=ferLCqcLcGU

#react