Category "reactjs"

Data Transfer size from server to browser (Data downloaded/bandwidth usage)

I am working on a video streaming application in javascript, i want to tell user how much mbs of data user have consumed/used or how much data has been transf

Generating groupings within a Material UI Select component dynamically from data

I need to generate the groupings of my Select component dynamically and would like to use the component in a controlled way. (As opposed to uncontrolled.) This

React Router target div id in home page

I am using react router specifically the HashRouter since I am trying to host my react app on github pages. Prior to using the HashRouter I was just using the B

How to change results as far as I move map in react-instantsearch-dom-maps

I am currently working with algolia and I have some strange issue with the map. I have this interface (left column is results, right column is map) like on this

Validate Jwt signature

I have an app with React in the frontend and SpringBoot in the backend for the API, when I login with some user it saves the token in localStorage and you can m

How to handle the render of a large list of items in react?

I have a large list of items to render and list data get updated in realtime with socket-io. How to handle performance issues? it gets updated heavily and table

Change borderBottomColor of MUI TextField when input is filled

I'm creating a form using MUI, by default TextField bottom border is grey, blue on focus then again grey on focus loss. I aiming to make it not lose blue color

Do you need a web server to run a production build of a react app on a VPS?

I have built a react app using a truffle box that uses create-react app. I can get the app running on my local host but I can't see it on my VPS when I go to th

Unable to connect MongoDB server?

I have tried to connect to MongoDB server using the below-mentioned link but I am getting an error, I have entered the correct password and dbName but it couldn

how can I react-bootstrap change the color of the tabs

I want to change the color of the tabs used in react-bootstrap. but when I change the style it goes for the content and not the tabs. How can I do it.

Types for tailwind

I am using tailwind.config.js in order to extend some colors: const theme = { mode: 'jit', content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'], darkMo

Types for tailwind

I am using tailwind.config.js in order to extend some colors: const theme = { mode: 'jit', content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'], darkMo

Handling different user types in react native

Many of the applications that I've seen or browsed through need to handle multiple different types of users whereby all users login / signup on one UI For examp

How do I change the background color of the container using onClick?

I am using Next.js. I have a set of colors in a different file. How do I change the background color randomly when clicking the button? The Color.js file export

Trying to use fetch and pass in mode: no-cors

I can hit this endpoint, http://catfacts-api.appspot.com/api/facts?number=99 via Postman and it returns JSON Additionally I am using create-react-app and would

Why does my TOC component add `{"-" + 1}` to its links every time I click on one of them?

I implemented a table-of-contents component to my site following this tutorial. It works, but every time I click on one of the TOC's links, all the links (inclu

React Native Debugger "Unsupported DevTools backend version"

When I try to debug my app with React Native Debugger I got that error: " error from react native debugger then I do that instruction. install react devtool, an

How to integrate media session api with React?

I have a simple react audio player and I want to integrate Chrome's media session api so that the player can be controlled through the browser. How would I go a

how to set ID for every bubble message and then update using its ID

Easy way to understand what is my question play the following video and see what is my problem. https://vimeo.com/315390850 if you dont have a good inernet con

Can I use OverlappingMarkerSpiderfier with react-google-maps?

I'm working on a project which uses react-google-maps (https://github.com/tomchentw/react-google-maps) library. It works well, but we stumbled upon a problem w