Kickstarting Micro Frontends with Vue 3: A Beginner’s Guide

In this guide, we’ll walk through the steps to kickstart your micro frontend journey using Vue 3. - https://medium.com/@adpanchal15/kickstarting-micro-frontends-with-vue-3-a-beginners-guide-0cd8b7164934

#vue

Using Angular Components with Third-Party Libraries

As developers, we aim to use existing libraries in order to avoid reinventing the wheel. Unfortunately… - https://netbasal.com/using-angular-components-with-third-party-libraries-522a1f33003

#angular

Why don’t we talk about minifying CSS anymore?

Salma Alam-Naylor explains why we rarely need to think about CSS minification, chunking, splitting, and post-processing anymore. - https://blog.sentry.io/why-dont-we-talk-about-minifying-css

#css

Architecting React Apps for Success: A Deep Dive into Clean Architecture

Clean Architecture is a software design principle that promotes separation of concerns and independence of… - https://javascript.plainenglish.io/architecting-react-apps-for-success-a-deep-dive-into-clean-architecture-839b784fbe04

#react

A “Wordle” on Test Driven Development in Vue.js

This course guides you through creating a Wordle game from scratch using Test-Driven Development. Enhance your Vue 3 and composition API skills while mastering testing with Vitest and Vue Test Utils. - https://vueschool.io/courses/a-wordle-on-test-driven-development-in-vue-js

#vue

A simple and clean architecture for your Angular projects

Conceptually, this architecture could be applied to any frontend framework. Since I have more knowledge of…
 - https://medium.com/@navez.jerome/a-simple-and-clean-architecture-for-your-angular-projects-f1a68040c09a

#angular

Execa 9.0: The Better child_process Gets Even Better

Less shell-oriented than zx, execa focuses on making executing external commands secure, cross-platform, and easy to debug. v9 lets you make commands iterable so you can process their output on the fly, map/filter both input and output, pipe multiple commands, and more.  - https://medium.com/@ehmicky/execa-9-release-d0d5daaa097f

#nodejs

OutSystems Frontend Architecture

From the simplest monolithic starter App to the complex factories with multiple independent deployment… - https://itnext.io/outsystems-frontend-architecture-10445751edf1

#frontend

Advanced React Patterns : Enhancing Error Handling and Perceived Performance

Explore error handling and performance with hands-on code snippets. - https://blog.stackademic.com/advanced-react-patterns-enhancing-error-handling-and-perceived-performance-78c39d5e9dce

#react

How to Build Accessible Vue.js Applications

This article serves as a guide for you to learn the strategies for building inclusive applications using Vue.js. - https://medium.com/vue-mastery/how-to-build-accessible-vue-js-applications-8dca9df3608e

#vue

The Modern Guide For Making CSS Shapes

Temani Afif explores different techniques for creating common shapes with the smallest and most flexible code possible. - https://www.smashingmagazine.com/2024/05/modern-guide-making-css-shapes

#css

Hot Hook: Simple Hot Module Replacement for Node + ESM

Following directly on from the Adonis news (above), Hot Hook is the library they use to pull it off, but it can be used to enhance apps that aren’t Adonis-based, too. - https://github.com/julien-R44/hot-hook

#nodejs

Applying the Onion Architecture to Angular Projects

Building robust and maintainable Angular applications with layer abstraction - https://medium.com/@navez.jerome/applying-the-onion-architecture-to-angular-projects-b37736d2c996

#angular

How To Share States Between React Micro-Frontends using Module-Federation?

Share states between React Micro-Frontends using Module-Federation and Bit!
 - https://blog.bitsrc.io/how-to-share-state-between-react-micro-frontends-using-module-federation-f3762996c208

#microfrontend

Vue Tip: Validate Emitted Events

Vue.js provides us with emit functions, which are essential when we want to communicate with the parent component from the child component. In this piece, we will explore how to implement validation in emitted events within the Vue.js framework. - https://blog.devgenius.io/vue-tip-validate-emitted-events-6e823a5a115f

#vue

React Context Best Practices

This blog post aims to explore best practices for using the React Context API, ensuring that your application… - https://medium.com/@greennolgaa/react-context-best-practices-2e6e4528d357

#react

CSS-Only Floating Labels

Stanko Tadić shows how to create floating labels using only CSS. - https://muffinman.io/blog/css-only-floating-input-labels

#css

Building a GitHub Activity Feed with Node and Socket.io

How to use Node to provide webhooks for GitHub to notify and then dispatch messages to end users using WebSockets. - https://knock.app/blog/building-a-github-activity-feed-with-nodejs-and-socket-io

#nodejs

Introducing Angular v17

Last month marked the 13th anniversary of Angular’s red shield. AngularJS was the starting point for a new… - https://blog.angular.dev/introducing-angular-v17-4d7033312e4b

#angular

Offset parent and stacking context: positioning elements in all three dimensions

Kilian Valkhof explains how two important concepts in CSS positioning work: offset parents and stacking context. - https://polypane.app/blog/offset-parent-and-stacking-context-positioning-elements-in-all-three-dimensions

#css