Testing Your React Hooks with Vitest

Tips for planning and testing custom hooks with Vitest and React Testing Library. - https://mayashavin.com/articles/test-react-hooks-with-vitest

#react

A Quick Introduction to Micro Frontend using Module Federation

Learn what Micro Frontend is, its advantages, and how it works by sharing its state within two applications… - https://medium.com/strapi/a-quick-introduction-to-micro-frontend-using-module-federation-cdabbd1c0e7e

#microfrontend

Video Transcription using Cloudinary Add-on in a Nuxt 3 Application

Cloudinary, a cloud-based platform for managing and optimising media assets such as images and videos, also offers a video transcription add-on. The add-on converts the audio in our videos to text automatically. In this article, we will build a Nuxt application that uploads a video to Cloudinary and applies the Cloudinary transcription add-on on upload. - https://yhuakim.hashnode.dev/video-transcription-using-cloudinary-add-on-in-a-nuxt-3-application

#vue

Outline is Your Friend

Manuel Matuzovic reminds you about the importance of the focus outline. - https://www.matuzo.at/blog/2022/focus-outline

#css

Angular Code Review Checklist

In this blog, I am sharing some Angular code review checklist which we used in our projects. Please utilize… - https://medium.com/@mohsho10/angular-code-review-checklist-e1e3c81c0311

#angular

10 Hidden JavaScript Concepts: Every Developer Should Know

JavaScript has been around for many years, yet, there are still hidden concepts that many developers may not be aware of. In this article, we will be discussing 10 hidden JavaScript concepts that every developer should know. - https://alitechguru.com/10-hidden-javascript-concepts-every-developer-should-know

#javascript

Upgrading TypeORM with jscodeshift

TypeORM is an ORM that supports both Data Mapper and Active Record patterns, and last year it introduced some breaking changes that left the author of this post facing a lot of updates to be made. What to do? Write a ‘codemod’ to automate the job! Even if you don’t use TypeORM, this post might give you some ideas for other places to use a code rewriting approach. - https://dev.clintonblackburn.com/2023/07/15/upgrading-typeorm-with-jscodeshift.html

#nodejs

What's Next For Redux? (with Mark Erikson)

The king of the React YouTubers takes a break from his usual screencast format to sit down with Redux maintainer Mark Erikson (a.k.a. acemarke) to talk about both the current and future states of Redux and Redux Toolkit, both of which are approaching major new versions. - https://www.youtube.com/watch?v=n5FK8_EXcbs

#react

CSS Border Animations

Bramus Van Damme looks at several ways to animate a border in CSS. - https://web.dev/css-border-animations

#css

Advanced Data Fetching with Nuxt 3

When refreshing async data, when should you use refresh vs watch source?
Use refresh() when you know server side data has changed
Use a watch source when the data loaded is dependent upon client side data - https://serversideup.net/advanced-data-fetching-with-nuxt-3

#vue

Exploring Web Workers in Angular

How to improve application performance and user experience with web workers in Angular - https://betterprogramming.pub/exploring-web-workers-in-angular-84b9949a4fab

#angular

ChatGPT: Your New Best Friend in Frontend Development

Hello there! As a junior frontend developer, I am always on the lookout for new tools and technologies that… - https://medium.com/@yasincandev/chatgpt-your-new-best-friend-in-frontend-development-3a4b0b58786b

#chatgpt

Redirecting Unauthenticated Users with Protected Routes in the Next.js 13 App Directory

For Supabase Auth users, specifically. - https://www.youtube.com/watch?v=ywvXGW6P4Gs

#react

You Might Not Need Jest

The Node.js Native Test Runner Is Great - https://pawelgrzybek.com/you-might-not-need-jest-the-node-js-native-test-runner-is-great/

#nodejs

Extending Vue Router Links in Vue 3

The router-link tag is a great tool for navigating between different pages of your Vue application but it is not the tool to use when navigating to an external link, for that you’d want to use a regular tag - https://vueschool.io/articles/vuejs-tutorials/extending-vue-router-links-in-vue-3/

#vue

The Advanced Guide to the CSS :has() Selector

Rahul Chhodde explains the need for the :has() selector, its general usage, various applications and use cases from simple to advanced, browser compatibility, and the fallbacks. - https://blog.logrocket.com/advanced-guide-css-has-selector

#css

Angular app’s configuration

Angular framework is a perfect choice for developing enterprise applications. In such products, you will… - https://medium.com/javascript-everyday/angular-apps-configuration-1bbdd6019899

#angular

Mastering Microfrontends: Authentication with AWS Cognito

In the last post of this series, we will see how to take our previous microfrontend application and extend it… - https://medium.com/ama-tech-blog/mastering-microfrontends-authentication-with-aws-cognito-37d1ed63114a

#react

nve 16.1: Run Things With a Specific Node.js Version

Execute a file, command, or REPL using a specific version (or multiple versions) of Node. For example, you could run npm test over multiple versions at once. v16.1 lets you specify a Node version stored in a package.json, .nvmrc, or similar file. - https://github.com/ehmicky/nve

#nodejs

Backend for Frontend (BFF) Pattern in System Designing

When, how, and why you should use a backend-for-frontend pattern while designing the architecture for your… - https://blog.bitsrc.io/backend-for-frontend-bff-pattern-in-system-designing-501a71df6bf7

#bff