All Questions
Tagged with reactjs performance
845
questions
0
votes
0
answers
10
views
Monaco editor slow performance with large JSON schema
Does anyone know how I could improve the performance of Monaco Editor when using a large JSON schema file, provided via JS in the diagnostic options. If I provide the same JSON schema inside VS Code ...
0
votes
0
answers
11
views
Performance issues (and suitability) of react-beautiful-dnd with many (200+ droppables)?
I am making React Material-UI react-beautiful-dnd component which display number of TV breaks (each break is in a separate panel/dnd droppable) and each TV break displays the list of ads inside the ...
0
votes
0
answers
15
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
51
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
13
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
38
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 ...
0
votes
0
answers
33
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
37
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
27
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
18
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
33
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
162
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}&...