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
84
questions
0
votes
0
answers
13
views
next.js not live showing changes on local host server. not hot reloading
Next.js hot reload not working.
I just created a Next project with npx create-next-app@latest
But when I try to make changes to the code, it doesn't hot reload.
directory structure
I tried deleting ...
-2
votes
1
answer
30
views
Why is footer not taking 100% width? [duplicate]
I have this simple React app and my footer does not take 100% width (I see small white space on the left and right sides). Can anyone tell me what I'm missing, please?
Here's LIVE DEMO
Here's my css:
....
-1
votes
0
answers
15
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
10
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
14
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/...
-1
votes
0
answers
7
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
13
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'...
-1
votes
0
answers
15
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
8
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
12
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
12
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
43
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
16
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
8
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 ...