Skip to main content

All Questions

Tagged with
0 votes
0 answers
11 views

How Can I Achieve SVG Design with Canvas Performance in a React Application?

I'm developing a React application that needs to render a large number of elements. I've implemented the rendering using both and . Canvas: Provides excellent performance and smooth rendering. SVG: ...
user26132048's user avatar
0 votes
0 answers
39 views

Performance Issue with Polyline Rendering on React Leaflet Map

I am experiencing a performance issue with the polyline component of the Leaflet map library in React.js. I have a large dataset of traffic congestion data (approximately 5,000 to 10,000 polylines) ...
Furkan Şenol's user avatar
0 votes
0 answers
11 views

How to get download and upload speed of the devices internet connection in React Native Expo based app?

I need to implement getting download and upload speed of the current network in React Native + Expo based app. We need to be able to get realtime information about the network, we need only the ...
kindasthino's user avatar
-1 votes
1 answer
34 views

How does useSelector hook impact performance when selecting individual properties vs. destructuring the state in Redux?

I am using Redux in my React application and I often need to extract values from the Redux store using useSelector. Here are the two approaches I have considered: Approach 1: Selecting individual ...
Ishu Modanwal's user avatar
-1 votes
0 answers
41 views

Browser Closing Automatically when i click Application Tab in inspect mode for React Projects [closed]

Title: Browser Crashes When Accessing Application Tab in Inspect Tool for React Project I am encountering an issue where my browser crashes whenever I attempt to access the Application tab in the ...
Kalingadha Mahantesh's user avatar
0 votes
0 answers
28 views

Icon Component with Dynamic SVG Imports vs Bundle Size next.js - v14.2.3

I am trying to create an Icon component in a Next.js application that imports SVGs dynamically without significantly increasing the bundle size. Despite using various methods such as require.context(),...
Kiran Raj R's user avatar
-2 votes
1 answer
36 views

How to run useEffect ONLY once? [duplicate]

Whenever I've asked people how to run useEffect once they answer that by saying add an empty array after the function to run it once. Like the following: useEffect(() => { console.log("Hi&...
Aditya Raul's user avatar
0 votes
0 answers
22 views

React Leaflet Marker Change Rerenders Every Other Marker Causing Performance Issues

I'm trying to build a quick leaflet map akin to Apartments.com. It's a map with a bunch of markers (up to 2000 in my case) and it will have a sidebar with more in-depth details about the markers that ...
DanDPanda's user avatar
0 votes
1 answer
26 views

Best way to share audio files on my website

I am developing a music-sharing app using Django and React. My problem is that on the home page, I could very well have up to 100 different songs, with each audio file being around 40 MB. This of ...
Stefan Vukovic's user avatar
0 votes
0 answers
17 views

reactpdf-renderer i want pdf to be rendered when i click on the download button

when the page gets rendered first time, pdf also getting rendered even if i might not use it. So it affect the app badly. some performance issues appears. When i clicked on the 'Download' button i ...
Murat İlhan's user avatar
0 votes
0 answers
27 views

Youtube IFrame - Cache Embed Video For React App Performance Optimization

Using Youtube IFrame Embed. When we switch pages back and forth, the component is remounted. I see it loads the iFrame again making a lot of network calls and slowing down the performance. What is the ...
Rudra Roy's user avatar
1 vote
1 answer
33 views

Is it possible to validate the performance impact when React render list with or without key

In the React document, it mentions that when rendering a list without keys, React will mutate every child instead of realizing it can keep the items subtrees intact. This inefficiency can be a problem....
hh54188's user avatar
  • 15.4k
0 votes
0 answers
155 views

how to optimize performance for React (Vite)

i have these code in my App.jsx the useffect is for checking if the user is logged in or not when a browser refresh (i'm storing my jwt in memory) and i think this is affecting the performance of my ...
Raouf Abdallah's user avatar
0 votes
1 answer
49 views

Defining Elements outside of component

I wonder if it OK to define the Elements outside of the components. Just something like this const Element = <Component/> const App = () => { return <MemoizedParentComponent>{Element}&...
Nikita Monastyrskyi's user avatar
0 votes
2 answers
92 views

How to find out how much time did it take to display data in React app

There is React application with one route. I make several API requests to get data from backend. While fetching I show loading spinner and actual data after successful requests. I need to get time in ...
Andrey Rafalskyi's user avatar

15 30 50 per page
1
2 3 4 5
57