Questions tagged [react.js]
React is a JavaScript library for building user interfaces. It uses a declarative paradigm that makes it easier to reason about your application and aims to be both efficient and flexible.
548 questions
2
votes
0
answers
31
views
Vite ReactJS Case opener
I build project Case opening simulator in React JS + tailwind.
I am looking for maybe another way to implement the structure of code and tell me if I've done something wrong, what I should do better ...
- 21
0
votes
0
answers
27
views
Fully animated React reorderable list
I've been playing around more and more with React recently, and wound up wanting to create a fully animated reorderable list. You can get idea about what it looks like here.
It's a self contained ...
- 101
0
votes
0
answers
39
views
Typescript robust Fetch wrapper with Retry and Error handling
I am building a TS wrapper around the fetch that adds automatic retries for certain errors. The error handling using a custom ApiError class and maps various error ...
- 133
2
votes
1
answer
45
views
React + Typescript Grid Traversal
Been learning some react and typescript and wanted to get some feedback on this small project I did. Feel free to be as nit-picky as you like.
...
- 91
3
votes
0
answers
48
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 ...
- 31
1
vote
1
answer
89
views
React component
The code makes unnecessary API calls because there are two useEffect hooks that both fetch data. The first useEffect runs on mount and fetches data for page 1, while the second useEffect runs whenever ...
- 121
1
vote
0
answers
21
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 ...
- 11
1
vote
0
answers
34
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 ...
- 645
1
vote
1
answer
85
views
Axios wrapper used with API requests
I have created Axios wrapper following SOLID principles. Is there any feedback on improving it's structure in a more cleaner and better way?
axiosconfig.ts
...
- 193
1
vote
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 ...
- 221
1
vote
0
answers
35
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 ...
- 11
4
votes
3
answers
921
views
TODO application
The assignment was the following:
Users can add at a new Item/Card with Title and Description. Everytime an item is created, it is automatically placed in the TODO column
At any point in time items ...
- 139
2
votes
1
answer
63
views
react-hook-form multiple form instances with validations
My UI page use case includes interchangeable form instances.
I need to render a form component, alongside a selector component which controls what form state is rendering on the form.
Meaning I need ...
- 131
1
vote
1
answer
37
views
Multi Step Record Creation Form with Validation Using Formik, Yup, and MUI
This component is a multistep popup form designed to handle job vacancy creation. It uses MUI for the UI, Formik and Yup for form handling and validation. The form is divided into 4 steps: Job Details,...
- 11
2
votes
1
answer
43
views
Update user name within participants of chats
I have the function which updates user data (currently only name). I would like to optimize its logic and particularly logic of updating participant name in chats. Currently I get entire chats ...
- 103