How to Easily Reproduce a Flaky Test in Playwright - https://www.charpeni.com/blog/how-to-easily-reproduce-a-flaky-test-in-playwright
#nodejs
#nodejs
Nicolas Charpentier
How to Easily Reproduce a Flaky Test in Playwright | Nicolas Charpentier
Stop playing whack-a-mole with flaky Playwright tests by using CPU throttling to reliably reproduce CI failures on your local machine.
Building a Custom Authentication System with JWT in Nuxt 3
Learn how to implement a robust JWT authentication system in Nuxt 3. This comprehensive guide covers project setup, login/signup functionality, protected routes, and state management with Pinia. - https://masteringnuxt.com/blog/building-a-custom-authentication-system-with-jwt-in-nuxt-3
#vue
Learn how to implement a robust JWT authentication system in Nuxt 3. This comprehensive guide covers project setup, login/signup functionality, protected routes, and state management with Pinia. - https://masteringnuxt.com/blog/building-a-custom-authentication-system-with-jwt-in-nuxt-3
#vue
Masteringnuxt
Building a Custom Authentication System with JWT in Nuxt 3
Learn how to implement a robust JWT authentication system in Nuxt 3. This comprehensive guide covers project setup, login/signup functionality, protected routes, and state management with Pinia.
Reanimating the CSS Day Buttons
Amit Sheen explores ways to enhance button animations with modern CSS techniques. - https://frontendmasters.com/blog/reanimating-the-css-day-buttons
#css
Amit Sheen explores ways to enhance button animations with modern CSS techniques. - https://frontendmasters.com/blog/reanimating-the-css-day-buttons
#css
Frontend Masters
Reanimating the CSS Day Buttons
Are you as excited about CSS Day as I am? While browsing the conference website, I couldn’t help but notice their big firebrick-red buttons. A website isn’t just about displaying content, it’s about creating excitement. Every interaction should feel polished…
Building a Full-Stack AI Chat with Vercel's AI SDK - https://www.robinwieruch.de/react-ai-sdk-chat/
#react
#react
www.robinwieruch.de
Full-Stack React.js Chat with AI SDK
Build a full-stack React.js AI chat application using the AI SDK by Vercel ...
Understanding Angular at Its Core: Key Concepts, Utilities and Best Practices - https://dev.to/renukapatil/understanding-angular-at-its-core-key-concepts-utilities-and-best-practices-c0j
#angular
#angular
DEV Community
Understanding Angular at Its Core: Key Concepts, Utilities and Best Practices
Here’s a structured organization of the Angular topics, grouped by their categories and...
Unstructured-ish DOCX Parsing in Node - https://nguyenhuythanh.com/posts/unstructured-ish-docx-parsing/
#nodejs
#nodejs
Nguyenhuythanh
Unstructured-ish DOCX Parsing in TypeScript/NodeJS
I recently took in a freelancing project, and one particularly interesting task is to convert unstructured-ish DOCX files to structured data, let’s say JSON. Intially, I estimated that it should only take me around 2 days for the implementation. I know what…
How to implement Nuxt-like file-based routing in Vue?
In this article, explore file-based vue routing and how we can enhance it to the next level. - https://abhidave.hashnode.dev/how-to-implement-nuxt-like-file-based-routing-in-vue
#vue
In this article, explore file-based vue routing and how we can enhance it to the next level. - https://abhidave.hashnode.dev/how-to-implement-nuxt-like-file-based-routing-in-vue
#vue
The Hidden Subject in Frontend Development: Artificial Intelligence
Exploration of the role of artificial intelligence in frontend development, highlighting its impact, potential applications, and its influence on developers' work. - https://dev.to/iamsymbiote/the-hidden-subject-in-frontend-development-artificial-intelligence-4c9p
#ai #frontend
Exploration of the role of artificial intelligence in frontend development, highlighting its impact, potential applications, and its influence on developers' work. - https://dev.to/iamsymbiote/the-hidden-subject-in-frontend-development-artificial-intelligence-4c9p
#ai #frontend
DEV Community
The Hidden Subject in Frontend Development: Artificial Intelligence! 🦾😉🫳
Introduction to the World of AI in Front-End Development Although AI technology is not new, it has...
All The Hacks That Make Angular Run Faster I learned The Hard Way - https://medium.com/@stanislavbabenko/all-the-hacks-that-make-angular-run-faster-i-learned-the-hard-way-6291cb7cd4a0
#angular
#angular
Medium
All The Hacks That Make Angular Run Faster I learned The Hard Way
You know that feeling when your Angular app just doesn’t feel snappy enough? Yeah, me too. Over the years, I’ve picked up a few tricks that…
Curved Box Cutouts in CSS
Preethi Sam explores a trick to create the illusion of an element appended to another with a gap and curved edges at the corners, useful for visually demarcating supplementary elements or user controls in a card module. - https://frontendmasters.com/blog/curved-box-cutouts-in-css
#css
Preethi Sam explores a trick to create the illusion of an element appended to another with a gap and curved edges at the corners, useful for visually demarcating supplementary elements or user controls in a card module. - https://frontendmasters.com/blog/curved-box-cutouts-in-css
#css
Frontend Masters
Curved Box Cutouts in CSS
This post explores a trick to create the illusion of an element appended to another with a gap and curved edges at the corners. It’s useful for visually demarcating supplementary elements or user controls in a card module.
The Mega April React Labs Update
Every once in a while, the React team drops a ‘Labs’ post where they bring us up to speed with some major new features and what the team is working on. Here, we learn about two new features ready to try out today in react@experimental: View Transitions and the <Activity> component. - https://react.dev/blog/2025/04/23/react-labs-view-transitions-activity-and-more
#react
Every once in a while, the React team drops a ‘Labs’ post where they bring us up to speed with some major new features and what the team is working on. Here, we learn about two new features ready to try out today in react@experimental: View Transitions and the <Activity> component. - https://react.dev/blog/2025/04/23/react-labs-view-transitions-activity-and-more
#react
react.dev
React Labs: View Transitions, Activity, and more – React
The library for web and native user interfaces
Vite Ecosystem
One of the strongest points in Vite is the ecosystem around it.
This post takes a look at some of the teams and people in the ecosystem. - https://patak.dev/vite/ecosystem
#vue
One of the strongest points in Vite is the ecosystem around it.
This post takes a look at some of the teams and people in the ecosystem. - https://patak.dev/vite/ecosystem
#vue
NestJS Email System Design: A Professional Guide to SendGrid and Mailgun - https://medium.com/@amitgal45/building-a-scalable-email-architecture-with-nestjs-sendgrid-and-mailgun-part-2-4beae52b46c3
#nodejs
#nodejs
Medium
NestJS Email System Design: A Professional Guide to SendGrid and Mailgun (Part 2)
In Building a Scalable Email Architecture with NestJS, SendGrid and Mailgun (Part 1), we meticulously crafted a SOLID email architecture tailored for NestJS applications. Now, we’ll dive deep into…
Architectures of modern Front-end applications
This post explores the advantages of popular… - https://blog.meetbrackets.com/architectures-of-modern-front-end-applications-8859dfe6c12e
#arhitecture
This post explores the advantages of popular… - https://blog.meetbrackets.com/architectures-of-modern-front-end-applications-8859dfe6c12e
#arhitecture
Medium
Architectures of modern Front-end applications
This post explores the advantages of popular architectures and helps you choose the best solution to meet your unique requirements.
Angular: 2 Simple Examples to understand how NgRx works
In this story, we will take another example to… - https://blog.stackademic.com/angular-2-simple-examples-to-understand-how-ngrx-works-part-ii-3ee0c0f58078
#angular
In this story, we will take another example to… - https://blog.stackademic.com/angular-2-simple-examples-to-understand-how-ngrx-works-part-ii-3ee0c0f58078
#angular
Medium
Angular: 2 Simple Examples to understand how NgRx works- Part-II
In this story, we will take another example to demonstrate Effects and Feature state.
What Does 'use client' Do?
Dan continues his recent stream of insightful posts with a shorter, more practical look at how to think about the use client and use server directives React Server Components introduced and how they let you elegantly structure a client/server app as “a single program spanning two environments” – a concept that Dan thinks could easily outlive React and be useful elsewhere too. - https://overreacted.io/what-does-use-client-do/
#react
Dan continues his recent stream of insightful posts with a shorter, more practical look at how to think about the use client and use server directives React Server Components introduced and how they let you elegantly structure a client/server app as “a single program spanning two environments” – a concept that Dan thinks could easily outlive React and be useful elsewhere too. - https://overreacted.io/what-does-use-client-do/
#react
overreacted.io
What Does "use client" Do? — overreacted
Two worlds, two doors.
Polishing Your Typography With Line Height Units
Jen Simmons explains how to use line-height units when setting paragraph margins — creating vertical rhythm in your text. - https://webkit.org/blog/16831/line-height-units
#css
Jen Simmons explains how to use line-height units when setting paragraph margins — creating vertical rhythm in your text. - https://webkit.org/blog/16831/line-height-units
#css
WebKit
Polishing your typography with line height units
Learn how to use line-height units when setting paragraph margins — creating vertical rhythm in your text.
In-depth Exploration of Garbage Collector (GC)
Algorithms, trade-offs, and real-life applications - https://readmedium.com/in-depth-exploration-of-garbage-collector-gc-828fcef9fe5d
#garbage #collector
Algorithms, trade-offs, and real-life applications - https://readmedium.com/in-depth-exploration-of-garbage-collector-gc-828fcef9fe5d
#garbage #collector
Readmedium
In-depth Exploration of Garbage Collector (GC)
Algorithms, trade-offs, and real-life applications
Pinia and Data Loaders
Michael Thiessen & Pinia Author Eduardo go deep into questions around the de-facto standard state management tool and why people should use Pinia,.
They also discuss what Data Loaders and Pinia Colada are. - https://www.youtube.com/watch?v=dUztjolNZig
#vue
Michael Thiessen & Pinia Author Eduardo go deep into questions around the de-facto standard state management tool and why people should use Pinia,.
They also discuss what Data Loaders and Pinia Colada are. - https://www.youtube.com/watch?v=dUztjolNZig
#vue
YouTube
DejaVue #E030 - Pinia and Data Loaders (with Eduardo San Martin Morote)
Michael is joined by VueRouter and Pinia Author Eduardo San Martin Morote aka posva. Together, they go deep into questions around the de-facto standard state management tool and why people should use Pinia, but also discuss what Data Loaders and Pinia Colada…
Fastify + React – 7x Faster than Next.js?
Node’s Fastify framework has a mature plugin for Vite integration (explained in detail here), including @fastify/react which just hit version 1.0 and makes it easy to create fast, featureful React apps atop Fastify. - https://hire.jonasgalvez.com.br/2025/apr/9/fastify-speed/
#nodejs
Node’s Fastify framework has a mature plugin for Vite integration (explained in detail here), including @fastify/react which just hit version 1.0 and makes it easy to create fast, featureful React apps atop Fastify. - https://hire.jonasgalvez.com.br/2025/apr/9/fastify-speed/
#nodejs
hire.jonasgalvez.com.br
Fastify + React is 7x Faster than Next.js