All Questions
Tagged with user-experience reactjs
61 questions
-1
votes
0
answers
13
views
What effective practices for implementing indoor map with graph-based data structures in React.js, including navigation, zones, and dynamic rendering? [closed]
Map Design
Hello guys, I am working on a project and I need to develop an indoors map for an airport with navigation and an overall smooth UX/UI.
the grid is lines using and the locations are ...
- 1
1
vote
0
answers
43
views
Any ideas for how to recreate functionality of iOS Photos app zoomable grid view in React?
building a mobile-friendly web app in React that is supposed to mimic the layout of the iOS Photos app Grid View:
When you pinch in or out to zoom, as the number of columns change, the item you're ...
- 33
0
votes
1
answer
79
views
Image is being cut off from the carousel
I'm building an image carousel on my website, and my images are all 1350 x 523
so i made my carousel 523 pixels in height to cover it's full extent on height
but it's width is responsive to the screen ...
0
votes
0
answers
28
views
How to prevent image loading after it's already loaded in dom in react
enter image description here
these images are already cached by the browser and also we have implemented caching of the image URL in indexdb.
in order to improve the user experience we are facing an ...
0
votes
1
answer
118
views
Maintain row position during drag n drop when other rows collapsed
I have a draggable/sortable list of accordion items (or expandable rows) and I'm collapsing all of them during drag n drop to make it easier for the user to see what they're doing.
If I do this only ...
- 6,851
0
votes
0
answers
24
views
Handling selected item in a list with pagination on autoupdating the list in a react app ui
I have a left section menu with a list that has pagination implemented. Now I am unsure as to how to handle a situation when the list updates and a new item is added to the top of the current list or ...
- 1
0
votes
0
answers
534
views
How to sort order multiple columns using antd Table?
I want to display the active sort button on 2 columns of the antd Table. When I click on the "Sort Users" option, the sort button of the "Books" column becomes deactivated.
This is ...
0
votes
0
answers
240
views
How can I group CSS grid items together in categories?
I am trying to replicate the effect found here at the Google Cloud developer cheat sheet.
Currently my larger boxes that display the name of the category, and their associated smaller boxes all fill ...
- 1
1
vote
1
answer
517
views
How to change the size of a component with effect when another component is rendered inside of it?
I have a modal component that overlays my page with a form to make some data inputs.
a second component is rendered next to the form when a certain condition is met (try to fetch data, render if ...
- 23
0
votes
1
answer
72
views
how do I code a button with animated background ? (React)
I would like to create a button with animated(gif/video) background
here is an example - the DOWNLOAD button on this sites main page: https://fivem.net/
Preferably I would like to see a solution using ...
2
votes
1
answer
230
views
How to bypass user acknowledge (OAuth 2.0) for Google Calendar API usage?
I want to be able to make some basic Google Calendar integrations using the respective calendar API. Is there a way to achieve this (from a javascript side or from an ASP.NET or Node.js side) WITHOUT ...
- 6,782
0
votes
1
answer
2k
views
Trying to update ref on resize in React.js
Having a bit of an issue.
So what I'm trying to achieve is having a ref on a viewport and using that value to calculate how many rows in a table to display at a time.
I've easily achieved actually ...
2
votes
0
answers
608
views
Keep helper text space active with Material UI Input disabled
Is there a way to show the helper text space on a version 5 React Material UI Input on an input even when it’s disabled? Right now when the component is disabled, the helper text space goes away as ...
- 61
1
vote
0
answers
380
views
Reusable React components and useContext?
I have a (very) small working portfolio site built using React that highlights various simple web development applications. Currently, this entire React app is technically only just one page, but I'd ...
- 61
0
votes
1
answer
1k
views
react Suspense (or equivalent) while Stripe loads iframe
I have an issue where Stripe's React PaymentElement loads very slowly for most of my users (I can't replicate this behavior, but PageSpeed hates it, and AWS CloudWatch RUM is reporting terrible user ...
- 1,515