Unanswered Questions
137 questions with no upvoted or accepted answers
3
votes
0
answers
45
views
React section toggle with single active panel
I’ve built a working animated panel menu in React using Framer Motion. Only one section expands at a time, making the animation smooth and visually clean.
However, I’d like help improving or ...
1
vote
0
answers
19
views
Using react refs to control debouncing behaviour
I am learning about refs by using the React learning resources and encountered this challenge: https://react.dev/learn/referencing-values-with-refs#fix-debouncing
The provided solution uses a ref to ...
0
votes
0
answers
30
views
Load List of Movies Using useReducer hook
I am learning react.js, and I am on a way learning react hooks.
I followed some examples on 'useReducer' where I have a search input for searching movies, and I load the list of movies from API.
The ...
0
votes
0
answers
35
views
React useCanonical hook
I have created a useCanonical hook which is meant for managing the <link rel="canonical" href="..." /> ...
0
votes
0
answers
36
views
Making a shell around jointjs for react, wondering between two approaches
The React tutorial of joint js shows a way to use jointjs in react. The tutorial is quite limited: it is basically defining a special named div and putting all jointjs code inside.
The jointjs ...
1
vote
0
answers
34
views
Optimizing MJPEG stream handling in Service Worker
Background:
I'm implementing a small react app in which an MJPEG stream transmitted by HTTPS is displayed. The stream is only accessible if the user is authorized (using Basic Auth). Therefore, I can ...
0
votes
0
answers
35
views
is it better to import data from json file instead of api calls in React Js?
I used different way to load data from wordpress-rest-api for frontend-reactjs as following :
built simple services by node js to communicate with wp rest api and save response into json file in ...
0
votes
0
answers
40
views
Role Protection in ReactJS tsx
I asked similar question on stackoverflow, but here I am trying to get a code review. I never write a production code for frontend part, so I need some sight from the side.
I am trying to implement ...
3
votes
0
answers
36
views
React Heatmap like GitHub Contributions calendar
After having trouble with a few Charting libraries I decided to implement my own GitHub style heatmap with react and React-Bootstrap. It actually works. Since it does not need to be extensible it only ...
0
votes
0
answers
33
views
Color mode switching in a React App
I'm using a custom hook to handle light/dark mode toggling in my React app, which leverages MUI's theming. The hook manages the mode state, stores it in localStorage, and provides a toggleColorMode ...
3
votes
0
answers
53
views
Goal tracking app in React
I've developed a goal tracking app in React.
I'm curious whether writing filter functions without using useState is appropriate or not.
Any feedback to optimize the ...
0
votes
0
answers
17
views
How to make this tree-generating React hook more concise?
This hook creates a tree structure that resembles folders. You can put any item in these folders. Their ids will be stored in fileIds. If there are no folders (in ...
2
votes
0
answers
27
views
Optimization of React Product Page component
I was working on Product Page with its nested children. On the page we can see a specific product data, add item to the cart and set quantity which we want to add. The codebase is nasty as I only ...
2
votes
0
answers
86
views
Simple drawing website using React
So I have recently started learning web dev (including React since a few days ago), and I have tried to implement a simple drawing website that lets you change the brush size, color, and save the ...
1
vote
0
answers
33
views
How can I optimize ProductCard component and its render method in React
ExclusiveOffers swiper:
...