Starting and Publishing a Library: The Modern Way

A walk through the steps involved in creating and packaging a library, publishing a package, adding testing, and automatically publishing it all to the NPM registry, along with provenance. - https://advancedweb.hu/modern-javascript-library-starter/

#nodejs

Vue.js Patterns: Using Vue.js 3 Composition API for Reactive Parent to Child Communication

In this article, you will explore using the Vue 3 Composition API to create a reactive parent-to-child communication. - https://lirantal.medium.com/vue-js-patterns-using-vue-js-3-composition-api-for-reactive-parent-to-child-communication-a4edf1b6a336

#vue

Lessons Learned Upgrading to React 18

If you get the feeling everyone upgrades to using the newest React version and features ASAP, it’s not true. Most teams take a while to do big upgrades (if they even do so at all) so it’s interesting to see the SonarQube team’s story and some issues they ran into. - https://www.sonarsource.com/blog/upgrading-react-18-sonarqube/

#react

What is ng-template, and when to use it?

As an Angular developer, you might have encountered ng-template when using the *ngIf syntax with an else… - https://blog.angulartraining.com/what-is-ng-template-and-when-to-use-it-f875b46aa078

#angular

CSS Size Analyzer

An online tool to analyze CSS size to help you catch bloat from things like embedded images or fonts. - https://www.debugbear.com/css-size-analyzer

#css

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