Software Architecture Design Principles: SoC, SOLID

In this article, we are going to learn Software Architecture Design Principles: SoC, SOLID principles. - https://medium.com/design-microservices-architecture-with-patterns/software-architecture-design-principles-soc-solid-98611997c30e

#architecture

Revealing Memory Leaks in Frontend Applications

In this comprehensive article, you'll embark on an in-depth exploration of memory leaks. - https://medium.com/@samer.kmd/revealing-memory-leaks-in-frontend-applications-nuxt-js-vue-3614334cc00c

#vue

How to Start a React Project in 2024

There are, of course, many ways, but this well-regarded author explains the pros and cons of a few approaches, including using Vite, Astro, or Next.js. - https://www.robinwieruch.de/react-starter/

#react

From Monolithic App to Micro Frontends

How to convert a monolith to microfrontends - https://blog.bitsrc.io/from-monolithic-app-to-micro-frontends-6fed5e32f9ae

#microfrontend

Building Out a Layered Hero Grid Layout From Dribbble

Andy Bell shows how to create an interesting grid layout with a unique background image treatment. - https://piccalil.li/blog/reality-check-3-building-out-a-layered-hero-grid-layout-from-dribbble

#css

A Step-by-Step Tutorial on Deploying Node.js Apps on AWS EC2

Taking the manual, 'do it all by hand' approach. A good way to learn about all the pieces involved before automating it, perhaps. - https://www.youtube.com/watch?v=nQdyiK7-VlQ

#nodejs

Using preloading in Angular apps to reduce ChunkLoadingError

Reducing the amount of ChunkLoadingError - https://ali-dev.medium.com/using-preloading-in-angular-apps-98472dd79a06

#angular

Build a Next.js App in Storybook with React Server Components and Mock Service Worker

How to develop, document, and test RSC apps in isolation, while using MSW to mock network requests. - https://storybook.js.org/blog/build-a-nextjs-app-with-rsc-msw-storybook/

#react

Nuxt Layers Unwrapped

Layers are higher-level construct that helps us isolate re-usable parts of Nuxt, such as Nuxt pages, layouts, components, composable, etc - https://krutiepatel.com/blog/nuxt-layers-unwrapped

#vue

Speeding Up the JavaScript Ecosystem: Tailwind CSS

Marvin’s ongoing journey to improve our ecosystem by finding low-hanging performance-bearing fruit continues with a look at how the architecture of Tailwind CSS could be tuned. - https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-8/

#javascrpt

CSS Blurry Shimmer Effect

Yair Even Or explains how to create a blurring effect in place of a shadow using a combination of masks, gradients, and the backdrop-filter property. - https://www.smashingmagazine.com/2024/01/css-blurry-shimmer-effect/

#css

How TypeScript Can Help in Modelling Business Workflows - https://event-driven.io/en/how_to_have_fun_with_typescript_and_workflow/

#nodejs

A Comprehensive Guide to React and OpenLayers Integration

How to add and work with interactive maps in your React app by integrating with the established OpenLayers JavaScript mapping library. - https://mxd.codes/articles/how-to-create-a-web-map-with-open-layers-and-react

#react

What is CSS Motion Path?

Ryan Finni demonstrates how to animate an element along a path using CSS Motion Path. - https://www.letsbuildui.dev/articles/what-is-css-motion-path

#css

67 Browser-Based Debugging Tricks

A list of useful, ‘not-obvious’ hacks to get the most out of the browser’s DevTools. Assumes a reasonable existing understanding of said tools. - https://alan.norbauer.com/articles/browser-debugging-tricks

#devtols #tricks

Wasp: A Rails-Like Framework for React, Node and Prisma

A common complaint I’ve seen about the Node ecosystem on social media is the lack of a ‘big framework’. This seems unfair with Sails and AdonisJS providing at least two options, but Wasp is another compelling option that even refers to itself as Rails-like. There’s a lot to like, particularly with the release of the ‘Open SaaS’ SaaS starter app that can take you several steps down the road to building an app in minutes. - https://wasp-lang.dev/

#nodejs

An Overview of Angular 17's New Built-In Control Flow

Angular 17 was released last week and a significant enhancement was support for a new syntax in templates that looks and feels more JavaScript-y. - https://www.youtube.com/watch?v=DOffmVeBk0o

#angular

How React Server Components Change Everything

Server components completely alter how you write React code and in this video I will talk about all the difference between client and server components, what the pros and cons are, as well as when to use each one. - https://www.youtube.com/watch?v=rGPpQdbDbwo

#react

Vue Patterns

Free guide for Vue patterns that can significantly help in writing clean, efficient, and maintainable code. Includes patterns like composables, provide/inject, and more. - https://www.patterns.dev/vue

#vue

Command Line Interface Guidelines

A fantastically presented ‘open source guide’ to writing better command line programs in the time-tested UNIX-y way. There's much to enjoy here, including a few Node-specific recommendations. - https://clig.dev/

#nodejs