FrontEnd Development

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

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

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

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

Anchor Positioning Quirks

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

#css

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

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

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

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

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

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

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

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

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

A Look at JavaScript's New Set Methods

Finding the intersection, union, and difference between sets, among other set-related tasks, is now a piece of cake. Available in Node 22+, Chrome/Edge 122+, Firefox 127+, Safari 17+, and now considered a 'baseline' feature. - https://developer.mozilla.org/en-US/blog/javascript-set-methods/

#javascript

Dynamic Components in Vue

Learn about the difference between direct imports and importing the components lazily as well as discussing global components. - https://www.youtube.com/watch?v=YLFOynY72sE

#vue

The Two Lines of CSS That Tanked Performance (120fps to 40fps)

Andrico Karoulla demonstrates how you can debug and fix potential performance problems caused by CSS. - https://component-odyssey.com/articles/13-improving-performance-by-changing-two-lines-of-css

#css

Mastering the API Gateway: A Node.js Microservices Architecture Approach

In the ever-evolving world of software development, the rise of microservices architecture has revolutionized… - https://medium.com/@techsuneel99/mastering-the-api-gateway-a-node-js-microservices-architecture-approach-b37de52c4650

#nodejs

SPA Lazy Loading Pitfalls

A concise set of recommendations to address common problems with this widely used pattern. - https://reacttraining.com/blog/spa-lazy-loading-pitfalls

#react

Improving Code Reusability in Angular Projects

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

#angular