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

How to Use Object Recognition with TensorFlow.js and Vue 3

TensorFlow.js is the JavaScript version of TensorFlow, enabling the training and execution of machine learning models in the browser. This makes it a suitable tool for web applications and browser-based artificial intelligence projects. This article will provide a guide to implement AI object recognition with Tensorflow.js and Vue 3. - https://dev.to/eralpozcan/how-to-use-object-recognition-with-tensorflowjs-and-vue-3-3glb

#vue

Say Hello to the React Compiler

Last week’s React Conf was quite the banger, as the kids say nowadays. The biggest reveal was the open sourcing of React’s experimental compiler, a tool designed to optimize React code at build time. Want to play without breaking everything? They created an React Compiler Playground so you can experiment. - https://react.dev/learn/react-compiler

#react

An Introduction to the Drizzle ORM with PostgreSQL

The 149th instalment of Marcin’s series about building APIs on top of NestJS. - https://wanago.io/2024/05/20/api-nestjs-drizzle-orm-postgresql/

#nodejs

Mastering RxJS Operators: Unlocking the Power of Angular

Explore some of the most useful RxJS operators in Angular and learn how they can enhance your development… - https://blog.bitsrc.io/mastering-rxjs-operators-unlocking-the-power-of-angular-af375e45d4eb

#angular