Category "reactjs"

How do I maintain formatted data coming from ckeditor django in react based frontend?

I have installed ckeditor in django for the purpose of maintaining formatting. The interface looks like this after adding this: But when I'm loading on the reac

What is the difference between storing videos for mobile app on streaming services like Youtube/Vimeo vs storing on cloud storage like Firebase/AWS?

I am making a React app that will display some Images/Videos to the users. To store videos, I chose Vimeo and use ReactPlayer to display the video - I simply pa

How do I correctly call an HTTP API GET request to weatherstack?

I'm trying to do a GET request to api.weatherstack.com (see documentation). Here's my react effect hook: useEffect(() => { if (country === undefined) r

How to hide data rows with certain value with a button?

I use react-bootstrap-table-next. And want to use a toggle button which hide or show rows with a certain value. But the problem is that the table content doesn'

MaterialUI 5 : TypeError: Cannot read properties of undefined (reading 'create')

After I created ThemeSetting.tsx context I cannot use <Button><Button> and all things that use theme of materialUI ReactJS , Typescript error TypeEr

New Google Sign In library prompt at every page reload

In my project, I use regular popup client-sided JS authentication (platform client) I migrated from old Google Sign in to new Google Identity Platform (gsi cli

How to insert a hubspot form in a react js app?

i have a react js website and i want to insert a hubspot form. Hubspot form: <script charset="utf-8" type="text/javascript" src="//js-eu1.hsforms.net/forms/s

Trouble fetching token from localstorage - React

I'm new with react and i'm trying to create a basic login function using local storage and tokens. I can see in my devtools that a token is actually stored but

Looking for suggestions for a better solution

So I have a site which has 12 buttons. 6 of these buttons will need to launch a popup with a different video and 6 buttons will need to launch a popup with 6

Toggle class on a mapped element in react

I am learning react and I have some doubts about changing the color onClick How can I toggle the className of a <p> element that is being clicked? At the

How to get the user detail from auth0 in reactJs

I have used the auth0 in react and now I have added the additionalSignUpField in signup the define the user role. So now How I can get the user role while user

Importing react into pages in next.js (and also React and CRA apps)

I have a Next.js app with several pages in it. All of the pages look similar. import React, { Component } from "react"; import from "components/Wrapper"; expo

Testing hover state hooks

I created this useHover hook: import { useRef, useState, useEffect } from 'react'; export const useHover = () => { const [value, setValue] = useState(fals

Deploying FrontEnd and BackEnd as two separate applications with Google Cloud App Engine

I have two application that I want to deploy with Google Cloud App Engine. One of them is react front end, and I want to serve this through www.videoo.io Second

Mixing strings and html links in react/typescript constants

Im trying to mix a string and a link, within an attribute of one variable : const News = [ { headline: 'some headline', text: "some text" + <

How to dynamically create a component tree in React based on an array that contains components?

I have a components array. const components = [ A, B, C, ] Then I want to render this components like this: return ( <A> <B> <

Make screenshot fit window size (full-screen)

I'm using react-webcam to take a photo (screenshot) and set that screenshot to the size of the window. With the code posted below, I'm able to make the screensh

react-mic record audio and send the blob as mp3/wav to backend

Basically I want to record audio and I'm using react-mic for this but it gives back blob but I want mp3 or wav file to send to the backend. How to POST blob fil

Monaco-Editor increase suggestion width using css or props

Is there any way to increase the suggestion width in the monaco editor. I try to find around for an option but I am unable to find it anyway. Is there a css fil

How to remove repeated code for ternary operator?

I'm receiving the data where a lot of fields are null, and I have to populate something if the field is null. like in the below data { //... IGM_ETD: '202