477,474 questions
0
votes
0
answers
18
views
How do I move focus through a list with keyboard navigation using Refs?
I have an unordered list in a React app, and I want to be able to navigate through the list using down/up arrows. The list is rendered conditionally, based on whether a variable is null or not (the ...
- 55
-4
votes
0
answers
27
views
How do you build a Figma page with an LLM/Copilot agent in Flutter/React [closed]
AI is all the rave right now. I'm not sure how this question will go or where to ask this question. But I'm curious about the AI strategy employed by other Flutter/React Engineers to build out user-...
- 504
0
votes
0
answers
10
views
Vite + React Server fast in development mode but extremelly slow in production after `npm build`
I'm having a strange performance problem in my React + Vite application.
Everything works well and quickly during development mode (npm run dev).
Also, when building the project itself (npm run build) ...
- 780
0
votes
0
answers
21
views
Suppose, we have a number of rows with inputs and a close buttons in each row. If I click on close button on one row, where should my focus go? [closed]
Consider this image. What is should be the ideal behaviour when a use clicks on cross button on any row from an accessibility point of view?Rough Design of UI
Currently, I have implemented that the ...
0
votes
0
answers
46
views
Capture System Audio using the Media Stream
I am building an application using the React Vite app for the frontend. In my application, I have a module for voice-to-text using the Azure Speech SDK. I am encountering an issue: when I start ...
- 21
0
votes
0
answers
84
views
When to use vi.mock() vs renderHook() for testing custom hooks in React components?
I'm testing a React component that uses a custom hook, and I received a PR comment from senior suggesting I should use renderHook instead of vi.mock(). I'm confused about when to use each approach.
...
- 15
0
votes
0
answers
39
views
how can I create custom Gradient colors in chakra ui v3
I am using this aproach
<Box bgImage="gradients.gradientBluePurple_toR_600" w="64" h="64" />
Here’s my current theme setup:
// src/theme/foundations/theme.ts
import ...
- 11
0
votes
0
answers
18
views
React , Foundation 6 open and close dom issue
So below is my problem
i want to open a modal with foundation 6 in react and i am doing something like below
const handlePrivacyPolicyOpen = () => {
$('#privacy-policy').foundation('open');...
-1
votes
0
answers
25
views
Why event bubbling has no effect on mapbox marker? [closed]
I’m experiencing an issue where clicking on a map marker inside a drawn polygon also selects the polygon itself.
I’ve implemented event bubbling (or stopped event propagation) in the marker’s onClick ...
- 104
0
votes
0
answers
22
views
react-force-graph-2d: onNodeClick doesn't fire when clicking nodes quickly if onBackgroundClick is defined
I'm using react-force-graph-2d
in a React app and noticed strange click behavior when both onNodeClick and onBackgroundClick are defined.
Here’s a minimal reproducible example:
StackBlitz
'use client';...
- 31
0
votes
1
answer
35
views
react-query. How can I manage the isFetching state for the same query when it’s used in multiple components?
Stack: React + react-query
There is query:
export const useGetClients = (params?: GetClientsRequest) =>
useQuery({
queryKey: ['clients', 'list', params],
queryFn: () => ClientClient....
1
vote
2
answers
54
views
How to use useCallback recursively?
I just updated eslint-plugin-react-hooks to version 7.0.0, and suddenly a large number of new lint errors appeared in the repository.
For example, in the following code snippet, I'm making a recursive ...
- 39
-2
votes
0
answers
23
views
Is there a react library that provides a good canvas for drag and drop? [closed]
so im building a website where you can build digital circuits. The logic gates are react components and are rectangular. Now I need a good react library where I can drag these components that are ...
-3
votes
0
answers
29
views
What are effective patterns for managing shared state between Server and Client Components in Next.js 14? [closed]
With the introduction of the App Router in Next.js 14, managing state between Server Components and Client Components has become more complex. I'm developing an application that requires sharing ...
0
votes
0
answers
36
views
Facebook Login for Business: “This app is not usable” error when logging in with other accounts (React + react-facebook-login)
I’m integrating Facebook Login for Business into my web app, but I’ve hit a problem that I can’t figure out.
I created a Facebook App in Meta for Developers, added two products — Webhooks (Leadgen) ...
