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

Best 5 Micro Front-end Frameworks Every Developer Should Know

In today’s dynamic landscape of web development, the demand for scalable, agile and maintainable solutions… - https://medium.com/nerd-for-tech/best-5-micro-front-end-frameworks-every-developer-should-know-f9e99a359e79

#microfrontends

The simplicity of using Vue’s reactivity system outside of Vue

Vue’s reactivity can be imported and used in JS outside of a Vue app, like in Node directly. This article provides a guide on how you can achieve and the benefits. - https://marchantweb.com/article/the-simplicity-of-using-vues-reactivity-system-outside-of-vue

#vue

Enhancing Angular’s Route Redirection Logic: Introducing RedirectFunction

In the recent update, Angular has significantly improved its routing capabilities by introducing a flexible… - https://netbasal.com/enhancing-angulars-route-redirection-logic-introducing-redirectfunction-245a45add387

#angular

New Values and Functions in CSS

Alvaro Montoro gives a fantastic overview of new values and functions coming to CSS. - https://alvaromontoro.com/blog/68062/new-values-and-functions-in-CSS

#css

How to Drag and Drop in React

Drag and drop is a basic UI expectation in many scenarios. Robin, always a well-regarded instructor, walks though the creation of a drag and drop capable component, step-by-step. - https://www.robinwieruch.de/react-drag-and-drop/

#react

How to setup Stripe within NestJS application

Hi, this is Emmanuel. I write about software engineering, React/Next, Nest, Typescript and career growth… - https://medium.com/@emmanuelodii80/how-to-setup-stripe-within-nestjs-application-61b7509a66dc

#nodejs