Impossible Components
Dan Abramov continues with his series of ‘big picture’ posts with a look at the idea of so-called ‘impossible’ components that mix server-only and client-only features and how React Server Components can help bridge that divide, culminating in an example you can experiment with for yourself. - https://overreacted.io/impossible-components/
#react
Dan Abramov continues with his series of ‘big picture’ posts with a look at the idea of so-called ‘impossible’ components that mix server-only and client-only features and how React Server Components can help bridge that divide, culminating in an example you can experiment with for yourself. - https://overreacted.io/impossible-components/
#react
overreacted.io
Impossible Components — overreacted
Composing across the stack.
🥱5👍1
Exploring Vike: Vite's New Micro-Frontend Framework and How It Compares with…
Deep Dive into Vike: Architecture, Advantages, and Use… - https://javascript.plainenglish.io/exploring-vike-vites-new-micro-frontend-framework-and-how-it-compares-with-other-major-tools-3acad4fa3fc4
#microfrontends
Deep Dive into Vike: Architecture, Advantages, and Use… - https://javascript.plainenglish.io/exploring-vike-vites-new-micro-frontend-framework-and-how-it-compares-with-other-major-tools-3acad4fa3fc4
#microfrontends
Medium
Exploring Vike: Vite's New Micro-Frontend Framework and How It Compares with Other Major Tools
Deep Dive into Vike: Architecture, Advantages, and Use Cases for Modern Micro-Frontend Development
👍4👎2
Could JavaScript Have Synchronous Await?
Our favorite JavaScript doctor explores the idea of a synchronous await to erase the divide between sync and async code, explains why it’s enticing, and digs into why performance hits and concurrency headaches make it impractical. - https://2ality.com/2025/03/sync-await.html
#nodejs
Our favorite JavaScript doctor explores the idea of a synchronous await to erase the divide between sync and async code, explains why it’s enticing, and digs into why performance hits and concurrency headaches make it impractical. - https://2ality.com/2025/03/sync-await.html
#nodejs
2Ality
Could JavaScript have synchronous `await`?
In JavaScript, code has color: It is either synchronous or asynchronous. In this blog post, we explore: The problems caused by that How to fix them via synchronous await The two downsides that prevent synchronous await from being practical
👍6
How I Started Writing Unit Tests for Vue Components
At some point, every frontend developer realizes that it would be great to somehow verify that their code is working as expected. In this article, take a look at how you can start testing Vue components. - https://dev.to/byteminds/how-i-started-writing-unit-tests-for-vue-components-1771?bb=206787
#vue
At some point, every frontend developer realizes that it would be great to somehow verify that their code is working as expected. In this article, take a look at how you can start testing Vue components. - https://dev.to/byteminds/how-i-started-writing-unit-tests-for-vue-components-1771?bb=206787
#vue
DEV Community
How I Started Writing Unit Tests for Vue Components
At some point, every frontend developer realizes that it would be great to somehow verify that their...
👍6❤1
Introducing Selective Frontend Architecture (SFA): A Modular and Scalable…
Selective Frontend Architecture (SFA) is a… - https://roshancloudarchitecwww.tg-me.com/introducing-selective-frontend-architecture-sfa-a-modular-and-scalable-approach-to-frontend-25a01f525903
#frontend
Selective Frontend Architecture (SFA) is a… - https://roshancloudarchitecwww.tg-me.com/introducing-selective-frontend-architecture-sfa-a-modular-and-scalable-approach-to-frontend-25a01f525903
#frontend
Medium
Introducing Selective Frontend Architecture (SFA): A Modular and Scalable Approach to Frontend…
Selective Frontend Architecture (SFA) is a forward-thinking pattern introduced by Roshan Gavandi, TOGAF-certified software architect…
👍5
How to Use React Server Function Streams in RedwoodSDK - https://rwsdk.com/blog/redwoodsdk-streaming-guide
#react
#react
Rwsdk
How to use React Server Function Streams in RedwoodSDK | RedwoodSDK
RedwoodSDK introduces a powerful feature: React Server Function Streams. This allows developers to stream partial responses from the server to the client, enabling real-time updates and improved user experiences.
👍3
CSS-Only Glitch Effect
Stanko Tadić demonstrates how to create a CSS-only image glitch effect. - https://muffinman.io/blog/css-image-glitch
#css
Stanko Tadić demonstrates how to create a CSS-only image glitch effect. - https://muffinman.io/blog/css-image-glitch
#css
Muffin Man
CSS-only glitch effect · Muffin Man
Slice It, Move It, Hue-rotate It!
👍7
Built replies generation application with Angular
This article discusses the development of a reply generation application using Angular, detailing the project's implementation and key features. - https://dev.to/railsstudent/built-replies-generation-application-with-angular-5179
#angular
This article discusses the development of a reply generation application using Angular, detailing the project's implementation and key features. - https://dev.to/railsstudent/built-replies-generation-application-with-angular-5179
#angular
DEV Community
Built replies generation application with Angular
Introduction I built a replies generation application four times using different large...
❤2👍1
Complete Guidance of Hotel Reservation System Architecture - https://medium.com/@seetharamugn/designing-a-scalable-and-resilient-hotel-reservation-system-architecture-4ede2916893b
#system #design
#system #design
Medium
Introduction
fig. Hotel Reservation System.
👍5
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.
👍6
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.
👍5❤1
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…
👍4❤1
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 ...
👍3
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...
👍4
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…
👍2
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
👍3👏1
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...
👍3
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…
👍4
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.
👍6
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
👍5❤1