Questions tagged [jsx]
JSX is an open source programming language, or an AltJS with classes and static types. The source code is compiled into JavaScript which is highly optimized.
208 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
2
votes
0
answers
51
views
React modal form implementation for name, image and weather
I'm building a modal form in React. It collects a name, image URL, and weather selection. It works, but I’d like to improve:
Code structure
State handling
Reusability
Accessibility
Here’s the code:
<...
2
votes
0
answers
56
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 ...
0
votes
0
answers
42
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 ...
3
votes
0
answers
56
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 ...
0
votes
0
answers
32
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
42
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 ...
4
votes
3
answers
942
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 ...
1
vote
1
answer
55
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,...
3
votes
0
answers
47
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 ...
1
vote
0
answers
50
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
2
answers
498
views
LoginForm submission which sends sign in link to email and then sets value in localStorage
My code works perfectly to send a sign in link via email, but for additional optimization I wonder can I use onSubmit with ...
3
votes
0
answers
67
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 ...
2
votes
0
answers
92
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 ...
5
votes
1
answer
545
views
Create an address self-complete bar
I recently received the following code challenge in connection with a job interview. After submitting, I was rejected. I want to know what (if anything) I could have done better here.
Task
Your task ...
3
votes
2
answers
128
views
Minesweeper in React -- design for state management/data flow
I've pasted here a basic implementation I've done of a Minesweeper game. This is not the full functionality, only the populating/revealing of squares. The idea is that the user inputs ...