Translating React Apps with i18next and Testing Them with Playwright

A twofer: a step-by-step tutorial on how to use i18next to create a multi-lingual version of your app and the mechanics of testing it with Playwright. - https://wanago.io/2024/05/13/react-internationalization-end-to-end-tests-playwright/

#react

Getting Started with Generative AI in Angular

Vertex AI is Google Cloud platform for state-of-the-art Generative AI including PaLM 2 - https://medium.com/google-cloud/getting-started-with-generative-ai-in-angular-b72737a59982

#angular

Don’t Just LeetCode; Follow the Coding Patterns Instead

What if you don’t like to practice 100s of coding questions before the interview? - https://levelup.gitconnected.com/dont-just-leetcode-follow-the-coding-patterns-instead-4beb6a197fdb

#leetcode

Using Node.js's Test Runner: The Official Guide

A useful new guide on the official Node site to the fundamentals of setting up and using Node’s new test runner functionality, along with snapshot tests  - https://nodejs.org/en/learn/test-runner/using-test-runner

#nodejs

Vue.js tips - How to re-expose slots in wrapping component

In this blogpost the author provides a practical and personal solution to leveraging slots to build reusable Ui components - https://dev.to/aloisseckar/vuejs-tips-how-to-re-expose-slots-in-wrapping-component-1n1

#vue

The Fifty-Fifty Split and Overflow

The webpage contains a blog post that discusses a CSS technique for creating a "50/50 overflow" layout, where two elements are positioned side-by-side and one overflows onto the other. The author provides a step-by-step guide and code examples to achieve this layout using flexbox and CSS grid properties. - https://ryanmulligan.dev/blog/50-50-overflow/

#css

Revolutionizing Change Detection with Angular Signals

Angular Signals is a finely tuned, reactive system designed to track the usage and locations of your… - https://medium.com/@jonatan.melzer/revolutionizing-change-detection-with-angular-signals-adb377aa935a

#angular

'I Tried React Compiler Today, and Guess What..'

The recently unveiled React Compiler automatically memoizes things – so can we ditch memo, useMemo and useCallback right away? Nadia investigates, finds the rough edges, and helps keep our feet on the ground. - https://www.developerway.com/posts/i-tried-react-compiler

#react

Exchanging Messages Between Node Processes with Execa 9.2

The latest version of the execa process execution library introduces IPC methods to communicate between processes. Maintainer ehmicky shows us the elegant API that makes it all come together here. - https://itnext.io/ipc-made-easy-with-execa-9-2-939c6a358731

#nodejs

Improve Build Performance of Nuxt

This article explores the Nuxt-build-cache module and how it affects your Nuxt project’s performance. - https://dev.to/jacobandrewsky/improve-build-performance-of-nuxt-2bmn

#vue

CSS Masking

Ahmad Shadeed explains what CSS masking is, how it works, and shares a few use cases for it. - https://ishadeed.com/article/css-masking

#css

Top 10 Angular 17 Feature Updates Revolutionizing Web Development

Learn how to leverage Angular 17’s latest features for enhanced web development and faster application… - https://levelup.gitconnected.com/top-10-angular-17-feature-updates-revolutionizing-web-development-3b81f87a4228

#angular

React Js Clean Code Guide

Enhance Your React.js Development with Best Practices and Proven Techniques - https://harendra21.medium.com/react-js-clean-code-guide-7d7c63a10726

#react

Dual Publishing ESM and CJS Modules with tsup and 'Are the Types Wrong'

tsup makes it easy to bundle TypeScript libraries, and Are the Types Wrong? is a tool to analyze packages for issues with their TypeScript types, particularly ESM-related module resolution issues. - https://johnnyreilly.com/dual-publishing-esm-cjs-modules-with-tsup-and-are-the-types-wrong

#nodejs

State Management in Micro-Frontends

Strategies for Seamless Collaboration - https://blog.stackademic.com/state-management-in-micro-frontends-strategies-for-seamless-collaboration-78b780371952

#microfrontends

CSS Selectors: A Visual Guide

Sébastien Noël created a visual guide to the most popular CSS selectors. - https://www.fffuel.co/css-selectors

#css

How to integrate Brevo Live Chat into a Nuxt 3 app

If you're using Brevo for Marketing, you've probably noticed the Live Chat feature. This feature is beneficial for direct customer interaction. It's part of Brevo's built-in features and integrates seamlessly with others. However, there's no apparent Vue or Nuxt integration. Here's a simple way to integrate it into your Nuxt App or Website. - https://madebyfabian.com/blog/how-to-integrate-brevo-live-chat-into-a-nuxt-3-app

#vue

Technical Debts in Component Design using Angular

In one of my previous posts I have talked about code smells in Angular. This time I would like to address… - https://blog.stackademic.com/technical-debts-in-component-design-using-angular-87af0bd4ede3

#angular

Book: Software Architecture and Decision-Making - https://medium.com/@srinathperera/book-software-architecture-and-decision-making-0757fbc1c186

#book

React 19 and Suspense: A Drama in Three Acts

It’s not a good sign when what at first appears to be a bug is actually intended and prescribed behavior. A cautionary tale, but one with a happy ending. - https://tkdodo.eu/blog/react-19-and-suspense-a-drama-in-3-acts

#react