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

Stop Over-Engineering your Medium Size Front-End Application

Writing maintainable code without falling into the trap of over-engineering has become increasingly uncommon… - https://fadamakis.com/stop-over-engineering-your-medium-size-front-end-application-b3f8313c464b

#frontend

Zod and Query String Variables in Nuxt

This article explores using Zod, a validation library, with query string variables in Nuxt applications. It explains how to validate and extract valid data from query strings using Zod in a straightforward manner. - https://vueschool.io/articles/vuejs-tutorials/zod-and-query-string-variables-in-nuxt/

#vue

margin-trim as a best practice?

Chris Coyier explains why you should start using margin-trim. - https://chriscoyier.net/2023/06/12/margin-trim-as-a-best-practice

#css

React 19 Lets You Write Impossible Components

React 19 (still in beta) brings all sorts of new ideas to the table, but is the complexity worth it? The folks at Mux have been leaning on many of React 19’s features for a while (thanks to React Canary) and are very excited about their potential. - https://www.mux.com/blog/react-19-server-components-and-actions

#react

Using Google Gemina With Flask, Vue and Vite

In this tutorial, we will explore how to implement Google's Gemini AI using Python Flask, Vue.js, and Vite. - https://ethan91.hashnode.dev/using-google-gemina-with-flask-vue-and-vite

#vue

Understanding Offset and Cursor-Based Pagination in Node - https://blog.appsignal.com/2024/05/15/understanding-offset-and-cursor-based-pagination-in-nodejs.html

#nodejs

Typed translations in Angular

How to Improve Angular Application Build Quality and Enhance Key Verification with ngx-translate or transloco - https://medium.com/@maks-dolgikh/typed-translations-in-angular-c5c7eaf39621

#angular

CSS Custom Properties Beyond the :root

Matthias Ott examines the reasons why we’re usually defining global custom properties on :root element. - https://matthiasott.com/notes/custom-properties-beyond-the-root

#css

Merging Remix and React Router (Sort Of..)

“What we planned to release as Remix v3 is now going to be released as React Router v7.” Is Remix going away? No. Many people read too much into this news, but Ryan Florence clears things up in this follow-up or, if you’d prefer, Alem Tuzlak - https://remix.run/blog/merging-remix-and-react-router

#react