All Questions
Tagged with performance reactjs
842
questions
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: ...
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) ...
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 ...
-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 ...
-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 ...
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(),...
-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&...
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 ...
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 ...
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 ...
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 ...
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....
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 ...
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}&...
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 ...