Category "reactjs"

Embed a React component into a HTML site, without affecting the parent site's styling and without an iframe

I have a React component that I want to build and insert into an HTML site. The component has some styling, which if imported will conflict with the HTML site's

How to Use Firebase Phone Authentication without recaptcha in React Native

I want to use firebase phone verification without recaptcha in react native. Below is my code. The code is working properly. But I Don't want to use recaptcha.

import json file in react, webpack config error

I am trying to import a json file into my code. The js file for the same is import React from 'react'; import ReactDom from 'react-dom' ; import $ from 'jquery

Testing axios.create() instance with jest

I tried many solution from this task. I want testing axios instance api call without any libralies (jest-axios-mock, moaxios, msw, etc). I hope it's possible, b

Using axios.post, response.data return html instead of data [Nodejs, React]

What I want is, when I click SUBMIT button, it should post some data using axios.post const sb = async () => { axios.post('/tagSearch',{ qual: qual

How can I connect IPFS with infura when uploading data?

I'm creating an NFT marketplace using hardhat, solidity & Next js, I have a form from where I enter some specific information about the NFT, then by clickin

Export 'AmplifySignOut' was not found in '@aws-amplify/ui-react'

I am fresh new to AWS Amplify, so I am following a tutorial on AWS Build a Full-Stack React Application, it's on Virtual Box with the latest Ubuntu image. Durin

Why "he" does not write React.FC on each function?

I learn typescript, and I dont understand why he write in the first Function React.FC and in other function he does not write "React.FC". Why? exp: ... const Lo

Rerendering component and useReducer initialization

EDIT: below the line is the initial problem where I asked if my whole architecture was fine. I later edited the topic (and title) to go straight to what was my

How to create a progress bar in React?

I would like to add a progress bar to a minicart. The purpose of it is to show to users how much is needed to reach free shipping. Example: If you have items in

Mocking moment() and moment().format using jest

I'm unable to mock moment() or moment().format functions. I have states where, currentDateMoment and currentDateFormatted are getting set as below. currentDateM

How to extend React Native View and other components props with styled-components

I'm using styled-components for styling in React Native with Typescript. I created a StyledComponent that styles a View component. However, when I try to extend

Multiple React apps in one shell

I have to develop React app architecture with one Main App (Shell) and multiple Child Apps inside. Requirements 1) Main App has to provide users authenticat

Mocking moment() and moment().format using jest

I'm unable to mock moment() or moment().format functions. I have states where, currentDateMoment and currentDateFormatted are getting set as below. currentDateM

When using mode: no-cors for a request, browser isn’t adding request header I’ve set in my frontend code

in my React app, I have the following API POST to allow the user to edit their profile (name and image). static updateProfile(formData, user_id) { const

Do not fail whole task even if one of promises rejected

In redux saga if we want to handle multiple promises, we can use all (which is equivalent of Promise.all): yield all( users.map((user) => call(signUser, u

React + ASP.Net-Core CORS Problems

While CORS is a big issue when working ReactJS in combination with ASP.Net-Core I figured out how to enable CORS so when accessing my UI (http://localhost:3000)

Receiving the error BlotClass.create is not a function in ReactQuill

I am trying to create a custom font size drop-down for the toolbar in ReactQuill. I decided to strip out the original code for font-size from quilljs and expand

How to pass props to a styled component in emotion? Using TypeScript

I am using styled by emotion at: import styled from '@emotion/styled' I am trying to pass props to a styled component like the guide mentions: https://emoti

ag-grid: "How to scroll to last known position"?

Ag-Grid offers the method ensureIndexVisible(index, 'middle'); With that method it is easy to scroll to an choosen index. But how do I get the last known index