A React 19 Cheat Sheet

From Kent C Dodds, of Epic React fame, comes this part cheat sheet, part succinct reminder of some of the new things you can do in React 19, along with (very) brief code examples. - https://www.epicreact.dev/react-19-cheatsheet

#react

Center Items in First Row with CSS Grid

Ryan Mulligan explains how to stack grid items so that an odd number of items appears horizontally centered in the first row instead of the last. - https://ryanmulligan.dev/blog/grid-stacks

#css

Multi-tenancy with Nestjs

Introduction: In this post, I will elucidate the concept of multi-tenancy through a straightforward… - https://blogs.sajankumarv.com/multi-tenancy-with-nestjs-d444988b854a

#nodejs

Make Your Components Easier to Think About

Here are some ways you can make your code easier to think about, so you’re less confused and can actually get stuff done. - https://michaelnthiessen.com/make-your-components-easier-to-think-about

#vue

Angular Signals: Best Practices

In this article, I share my experience of working with Angular Signals after almost a year of using them. - https://medium.com/@eugeniyoz/angular-signals-best-practices-9ac837ab1cec

#angular

Introducing TanStack Router

TanStack Router is a powerful and mature type-safe React router aimed at client-side use (though a full-stack option is beginning to appear with TanStack Start). Adam shows off the essentials with the hope of getting you on board the TanStack train too. - https://frontendmasters.com/blog/introducing-tanstack-router/

#react

How using the Angular’s inject() function has saved me 1000 lines of code

Discover how easily can the inject() function improve your project - https://javascript.plainenglish.io/how-using-the-angulars-inject-function-has-saved-me-1000-lines-of-code-82b699183da8

#angular

Integrating HeadlessUI and TailwindCSS with Nuxt.js: A Comprehensive Guide

Learn how to integrate HeadlessUI and TailwindCSS with Nuxt.js applications in this comprehensive, step-by-step guide. - https://masteringnuxt.com/blog/integrating-headlessui-and-tailwindcss-with-nuxtjs-a-comprehensive-guide

#vue

CSS Compatibility

CSS Compatibility is a VS Code extension that allows you to check on hover which CSS syntax, keywords, types, or functions are compatible or supported across browsers. - https://marketplace.visualstudio.com/items?itemName=vivek9patel.vscode-css-compatibility

#css

The Nine Node Pillars: Principles for Doing Node Right in the Enterprise

An interesting resource from a group of prolific and productive Node.js contributors. It’s designed to act as a checklist to identify gaps in your current Node development practices, particularly when building larger scale apps. - https://www.platformatichq.com/node-principles

#nodejs

React Chrono: Dynamic, Interactive Timeline Component

Supports horizontal, vertical, and vertical alternating timelines, complete with keyboard accessibility, support for nested timelines, auto-playing timelines slideshow-style, and more. - https://react-chrono.prabhumurthy.com/

#react

Introducing TanStack Router

TanStack Router is a powerful and mature type-safe React router aimed at client-side use (though a full-stack option is beginning to appear with TanStack Start). Adam shows off the essentials with the hope of getting you on board the TanStack train too. - https://tanstack.com/blog/tanstack-router-typescript-performance

#react

Navigating Angular Apps: A Guide to RedirectCommand

Since Angular introduced the capability to return a UrlTree in router guards, it has become a preferred… - https://netbasal.com/navigating-angular-apps-a-guide-to-redirectcommand-1675e890349d

#angular

Architecture Modeling : C4 Model

What is the C4 Model? - https://lab.scub.net/architecture-modeling-c4-model-bd050c13964c

#architecture

7 Ways to Microfrontends in 2024

The microfrontend architecture has revolutionized how we think about building and scaling web applications… - https://javascript.plainenglish.io/7-ways-to-microfrontends-in-2024-9705e440da69

#microfrontends

Best Vue developer tools for 2024

Unlike monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. This article explores Vue’s ecosystem, some of it tools and libraries and how these tools make Vue a power house in creating sophisticated single-page applications (SPAs). - https://medium.com/simform-engineering/best-vue-developer-tools-for-2024-591d931b9666

#vue

The Undeniable Utility Of CSS :has

Joshua Comeau outlines some practical, real-world problems you can solve using :has(), and some wild experiments that might blow your mind. - https://www.joshwcomeau.com/css/has

#css

What's New in Express.js 5.0

We mentioned Express 5.0 and some of its new features recently, but here's a deeper look at what it has to offer. The updates are largely incremental, but set the stage for Express’s future. A few breaking changes necessitate the major version bump. - https://www.trevorlasn.com/blog/whats-new-in-express-5

#nodejs

How Infinite Queries Work

Infinite queries are React Query’s way to make “those doom-scrolling pages we all hate so much” as this author describes them. - https://tkdodo.eu/blog/how-infinite-queries-work

Build AI-Powered Angular Apps with Google Gemini

A step-by-step guide to integrating Google Gemini into your Angular applications. - https://medium.com/google-cloud/build-ai-powered-angular-apps-with-google-gemini-5bf5e905ca1d

#angular

React Loading Skeleton: Skeleton Screens that Adapt to Your App

Use the ‘skeleton’ component directly in your components in place of content that is still loading and it’ll adapt to the right size while the real data is on the way. - https://github.com/dvtng/react-loading-skeleton

#react