How to Fetch Data in React

An updated look at the multitude of ways to fetch data from a remote API in React. Note that Redux-based approaches aren’t covered, this is all about general, broad approaches. - https://www.robinwieruch.de/react-fetching-data/

#react

Microservices With NestJS, Kafka, and TypeScript

A microservices architecture is a popular software design pattern that enables developers to build and… - https://medium.com/@SplitSoftware/microservices-with-nestjs-kafka-and-typescript-b05786591053

#nodejs

Configurable Retry HTTP Calls Interceptor in Angular

A configurable retry mechanism to make our UI applications more reliable and stable by retrying failed HTTP… - https://blog.stackademic.com/configurable-retry-http-calls-interceptor-in-angular-b0300b3af023

#angular

The Results of the State of JavaScript 2023 Survey

It feels odd including something about 2023 in June 2024, but the results of the major annual JavaScript developer survey are now out. It’s interesting to see what features JS devs do and don’t use, changes in library popularity over time, what build tools people are using, the divide between JavaScript and TypeScript usage, and much more besides. - https://2023.stateofjs.com/en-US

#survey

CSS @property and the New Style

Ryan Mulligan explores the newly supported @property at-rule for explicitly defining and animating custom properties in CSS. - https://ryanmulligan.dev/blog/css-property-new-style

#css

WebSockets, gRPC, MQTT, and SSE — Which Real-Time Notification Method Is For…

Did you know real-time notifications were more than just WebSockets? You have plenty of options based on your… - https://betterprogramming.pub/websockets-grpc-mqtt-and-sse-which-real-time-notification-method-is-for-you-2d18bfc99dfc

#notifications

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

Component Composition is Great, BTW

A well-regarded author writes about using component composition to avoid conditional rendering for mutually exclusive states - https://tkdodo.eu/blog/component-composition-is-great-btw

#react

Building a Robust API: Structuring Controllers, Entities, DTOs, and Modules

This is third article of series Building a Robust Backend: A Comprehensive Guide Using NestJS, TypeORM, and… - https://medium.com/@abdullahirfan99_80517/building-a-robust-api-structuring-controllers-entities-dtos-and-modules-93cfaaef7f07

#nodejs

Anchor Positioning Quirks

Juan Diego Rodríguez discusses some anchor positioning head-scratchers. - https://css-tricks.com/anchor-positioning-quirks

#css

Angular Architecture for Large Web Applications

Optimizing monolithic Angular projects with libraries using Nx. - https://albertobasalo.medium.com/optimizing-the-architecture-of-large-web-applications-with-angular-79d03b01a92b

#angular

How to Integrate Shadcn with Nuxt.js

In this detailed guide, we’ll walk through how to integrate Shadcn Vue with Nuxt.js. You will also be provided with useful insights and practical tips. - https://masteringnuxt.com/blog/how-to-integrate-shadcn-with-nuxtjs

#vue

Testing a React App in Chrome with Heroku CI

An introduction to doing end-to-end testing of a React app as part of a CI pipeline - https://blog.heroku.com/testing-react-app-chrome-heroku-ci

#react

Building Standalone Executables with Node.js

While the developer experience isn’t quite as nice as with Deno or Bun yet, Node does have experimental support for building single executables of apps that you can distribute to systems which don’t have Node installed. - https://codesnip.sh/posts/building-standalone-nodejs-executables

#nodejs

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

How to Create Supabase Database Migration Files in Vue.js

In this guide, explore how to create migration files for a remote Supabase database so that the database can be updated directly from your Vue.js project. - https://vueschool.io/articles/vuejs-tutorials/how-to-create-supabase-database-migration-files-in-vue-js/

#vue

Sticky Headers And Full-Height Elements: A Tricky Combination

Philip Braunen explores why sticky elements don’t play nicely if they coordinate with other elements to make up a combined height (like 100vh) and presents a solution to fix it. - https://www.smashingmagazine.com/2024/09/sticky-headers-full-height-elements-tricky-combination

#css

5 Essential NPM Packages Every Angular Developer Should Know for Enhanced…

In this article, I will share five NPM packages that have significantly impacted my Angular development…
 - https://medium.com/ngconf/5-essential-npm-packages-every-angular-developer-should-know-for-enhanced-productivity-68baeb027643

#angular

Design Principles for Composable Architectures

These principles will help you to design and implement robust composable architecture for your web… - https://blog.bitsrc.io/design-principles-for-composable-architectures-2a8dcfb11998

#design #principles

Instrumenting a React App Using OpenTelemetry  - https://thenewstack.io/instrumenting-a-react-app-using-opentelemetry/

#react