State of HTML Survey Results

The State of HTML 2023 survey results are finally live—dig in, and you’ll certainly uncover some interesting insights. - https://2023.stateofhtml.com/en-US

#css

Webpack module federation | Think twice before sharing a dependency

Webpack module federation is an amazing tool that allows amazing optimization for large-scale front-end… - https://medium.com/@marvusm.mmi/webpack-module-federation-think-twice-before-sharing-a-dependency-18b3b0e352cb

#webpack

When to Use Bun Instead of Node.js  - https://blog.appsignal.com/2024/05/01/when-to-use-bun-instead-of-nodejs.html

#nodejs #bun

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