Questions tagged [reactjs]
React is a JavaScript library for building user interfaces. It uses a declarative, component-based paradigm and aims to be efficient and flexible.
reactjs
614
questions
0
votes
0
answers
4
views
My profile page only rerender when rebuilt
import React, {useState, useEffect} from 'react';
import {useSelector, useDispatch} from 'react-redux';
import {
View,
Text,
ImageBackground,
TextInput,
TouchableOpacity,
StyleSheet,
...
0
votes
0
answers
2
views
Need help in error for react app where i get Seamless SSO error in react application
`Can you please help in providing suggestion to resolve this issue?
I am encountering an issue with the seamless single sign-on (SSO) functionality in my front-end React application. When I attempt to ...
0
votes
0
answers
3
views
React/NextJS After Fetching Can't Get Map function to show
I'm new to React/NextJS and trying to do a simple fetching and whenever I try to use the map function it does not seem to go inside it. I'm not sure what I'm doing wrong, I'm following some tutorials/...
0
votes
0
answers
4
views
What are the methods for compressing and/or encoding json for a URL query parameter?
I'm building an application using Next.js 14 and am holding my filtering state within the URL. The request that returns the filtered data is a POST request that takes a payload of a certain structure. ...
0
votes
0
answers
7
views
streaming a video into a web player using javacsript (react component)
I am using Javascript, however the possibly important caveat is in a WebView. I have a stream of data which is an mp4 that I can retrieve like so
window.runtime.EventsOn('playback-continue'...
0
votes
0
answers
8
views
Steps to deploy a react python full-stack app on AWS using S3, EC2, and Cloudfront? [closed]
I am making a full-stack blog app with react frontend and python backend. I like to deploy this using AWS. I'm nearly done but I can't figure out how to host the backend properly. I have the react ...
0
votes
0
answers
6
views
CSS Text flip animation working on web, android, but not on IOS safari/chrome
I am currently trying to use this text flip animation, but I realised that it doesnt work well on IOS safari/chrome. Doesnt work as in, the text flips, but the red flip text cannot be seen
When I ...
0
votes
0
answers
8
views
Text Blurring Issue with react-tooltip and react-modal when using opacity/transform animations in Chrome
I am working on a project using two libraries: react-modal and react-tooltip.
Goal:
I want to create a reusable React component that provides a simple modal window, which renders its children.
Problem:...
0
votes
0
answers
10
views
Why isnt the AntD form component saving the input into the browsers autocomplete feature
Im using the antd package for my Form and Input. For some reason its not preserving the users input for the next session. I gave the input a name attribute along with using autoComplete="on" ...
0
votes
3
answers
38
views
Why does React's tic-tac-toe show the winner?
Following along with the react tutorial to create a tic-tac-toe game, and it works, no problem there. I get why nearly all of it works, apart from the display of the winner.
import { useState } from '...
0
votes
0
answers
13
views
Simple sticky scroll effect causes glitch on mobile browsers
I wanted to use a scroll effect (parallax + filters) in a very simple page. It's just a sticky 120vh div with a background image and some text.
Everything works fine in the desktop browser and with ...
0
votes
0
answers
6
views
React DndKit, item gets added to the drop area even if just clicked. isOver is not activated only on the drop area
This is the main page. I have a list of draggable items that I display in a list.
Whenever I click any of those, without moving it, it gets added to the drop area.
event.over is activated everytime i ...
0
votes
0
answers
6
views
Context Load before Client? react-native
i created a context to start up the socket
but before that it validate the token sending a request to the server.
there is an issue that i can't really figure it out.
if the app is closed and i open ...
0
votes
0
answers
10
views
React & Cypress Component Tests: How to pass an object to an imported library in the Cypress setup?
I'm setting up Cypress to run component tests on a React-based app. The app uses multiple libraries, which I cannot change in any way. Although the app runs perfectly well, I'm unable to get any ...
0
votes
1
answer
15
views
Uneven spacing between flex items when using flexbox
NavBar.js
import React from "react";
import ReactDOM from 'react-dom';
import ReactDOMServer from 'react-dom/server';
import './NavBar.css';
function NavBar() {
const heading = 'first ...