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.
209
questions
2
votes
0
answers
31
views
Simple memo game project
I created my first React app with Redux and this a simple memo game with possibility to select difficulty level. I am new in React world, so it would be great if you review my project :)
Project ...
- 21
2
votes
0
answers
31
views
Display random simpson quotes
I'm new to Typescript though I've got a few years experience with plain Javascript. This is the first full program I've built in Typescript using Next.js. I'm just curious about areas where I can ...
user265275
2
votes
0
answers
12
views
Set components' visibility based on global state
I'm building a game interface that has the following user flow:
The user lands on one of the game's URLs (eg. www.name.com/game1), first gets an "intro" ...
1
vote
0
answers
22
views
React typer component
I'm fairly new to JS and have been learning react this week. Struggling to properly understand the useEffect and useState but ...
- 301
0
votes
1
answer
31
views
Design a kanban board in reactJS
Attempting to write a simple Kanban board in ReactJS. Omiting the css code, mostly wanted some advise on best practices in the ReactJS code itself.
...
- 175
1
vote
1
answer
64
views
first React project - Lights Out game
I am working my way through a React tutorial on Scrimba (I am not finished yet). I got to a certain part that inspired me to try a project on my own. I made a game of Lights Out. If you've never heard ...
- 161
3
votes
1
answer
46
views
0
votes
0
answers
24
views
Simple Todoesque React Component for selecting Multiple Choices in a form
I was recently pinged about a quiz app a friend of mine was building with React Native for fun they were having minor brain farts over handling a multichoice answer template and asked me to look over ...
0
votes
0
answers
98
views
React dashboard with dynamic filtering
Here is the link to my working demo
Link to my code
By this code what I am trying to achieve is to get clarity to
How to have Fewer Render hence better performance (possibly by introducing useRef ...
1
vote
0
answers
35
views
Multi-step form in React + Formik
I did a multi-step form. I only learn how to build applications, and would like you to check my code out, whether everything is done well, and so on. PropTypes checking was not implemented ...
- 11
0
votes
1
answer
46
views
Zodiac sign component for a React.js astrology project
I'm working on an astrology project, and I have a component for each sign:
...
- 283
1
vote
1
answer
38
views
Theme handler with React
I've just created a theme handler with React.js.
Could my Theme component be polished and improved a bit ?
...
- 99
1
vote
1
answer
46
views
Multiple grouped value select component
I've been designing a React component to select countries that a user has visited, grouped by continent. This component is a part of larger project but is relatively self contained. This is my first ...
- 63
1
vote
0
answers
52
views
Drag-and-drop file upload component
I've tried to make a custom file upload input. The goal was to just have a nicer looking file input compared to its unaltered version.
One thing I don't like is the CSS. I don't like altering the ...
- 105
1
vote
0
answers
27
views
ReactJS low re-rendering performance of the component
First of all, for explaining the issue better and avoid pushing long code here, I'll post the links of the files from repository.
I have a feature simulation of the game that I am making a tools/wiki ...
- 11
2
votes
1
answer
886
views
React app that uses hooks and shows a random image every two seconds
React beginner here. I'm practicing state and hooks, and I wanted to create a small app that every two seconds fetches an image URL from a service (that returns random images) and shows the returned ...
- 145
1
vote
0
answers
23
views
Using React Native to implement Conway's Game of Life
I'm using React Native to implement Conway's Game of Life as a mobile phone app. So far I've implemented the game logic and a main screen with an embedded GLView component where the game board is ...
- 31
2
votes
1
answer
109
views
1
vote
1
answer
48
views
React - Component rendering weather data
Background:
Hello, I'm a student (since 2 months) and I've created a small MVP of a weather application. So now I'm refactoring my code because it looks hideous and it is hard to work with.
The ...
2
votes
0
answers
44
views
To-do application in React
I am new to react and I tried to implement a TODO application using react state and props. I need somebody to just review the code and suggest improvements in the code. Currently I have not added any ...
- 21
0
votes
0
answers
16
views
Implementing Reddit-like comment links
I tried to recreate Reddit's functionality of replacing r/* on a comment with a link to the subreddit and I came up with this:
...
- 19
0
votes
0
answers
2k
views
Pagination component using React and Chakra UI
My Pagination component provides buttons:
5 around page (i.e: if current page is 3, then it will show button page 2 3 4 5 6)
Prev/Next page
Button to last page
...
- 121
0
votes
1
answer
69
views
React code that controls user permissions
I have this code that controls the user permissions provided to a user. In my case, I constructed a simple example of CRUD. When the admin checks the boxes, it will grant the user access to perform ...
- 115
2
votes
0
answers
41
views
Proper way of using redux and props
I made a weather app in react and redux for an interview. The response was that I didn't use redux properly, and that it has unnecessary props. I'm not sure what they meant.
The app is on github https:...
- 21
3
votes
0
answers
67
views
Cryptomarket data visualization
For a hobby project I want to visualize the current crypto market in bubbles. The idea is to clone cryptobubbles.net. I've already made a prototype at the moment, but the frames are on the low side. ...
0
votes
1
answer
38
views
Check in/out cards
putting the if-else block outside of a function looks clutter to me, should I just put it inside a function and then inside the useEffect ?
Purpose of the if-else block: Render the cards base on the ...
- 101
1
vote
0
answers
26
views
Typescript React-Native Component Dimension Hook
I did a lot of research trying to find a React Native component which could reference its own dimensions in order to scale different elements in its style, but could not find any solid examples. I ...
- 111
-1
votes
0
answers
14
views
Passing global state and state-modifying functions to child elements in a React app
I'm only three days into React, so please forgive my ignorance.
I'm working on an application in which you can design something consisting of various parts. The interface has a list of items in one ...
- 99
0
votes
1
answer
519
views
React - Display current time using useState, useEffect
I am learning about hooks, so I try to write code that display current time.
I had comment in each line of code the reason I write it. So:
Am I understand right?
Is there any bad practice?
What need ...
- 121
0
votes
1
answer
123
views
Listing the range from A-Z with special characters in JSX
For generating a list of characters, I currently use a static list, 2 components and some unclear conditional renders.
...
- 719
4
votes
1
answer
135
views
Reduce multiple re rendering of components in React
Following is my working application that contains a Search Container, a Sorting Container and a listing Container.
Based on Search and Sort the listing data changes in the listing container.
The ...
- 93
0
votes
0
answers
163
views
Obfuscate email React component
I've written this Email component which obfuscates the email until the user hovers over it:
...
- 413
1
vote
1
answer
36
views
2
votes
1
answer
42
views
ReactJS link with conditional CSS classes
I'm starting to learn React/NextJS and find the way to write conditional CSS very ugly compared to VueJS. I'm curious if someone could look over this code snippet and guide me in the right direction ...
- 153
0
votes
2
answers
78
views
React Native screen to add a city to a weather app using a REST API
In a recruitment process, the company gives me a project to do in react native. I finished all the tasks. But company gave me a feedback and said that your project was good, but you did not apply best ...
4
votes
0
answers
67
views
React - Show more and search functionality
I created a rough implementation of a component that lists stuff based on data has the option to enable searching for that data. I've not used React all that much so it's probably a terrible way to ...
- 41
2
votes
0
answers
30
views
File Picker Component - React
Created FilePickerComponent recently. I'm new to React/Web development. Could you please help reviewing this code -
...
2
votes
0
answers
385
views
Create a map where countries can be selected using react-leaflet
I've only just started learning javascript and decided to try and make a simple app where individual countries can be selected, highlighting them, and the name appearing in the top corner.
The code ...
- 63
2
votes
1
answer
43
views
Show react component given a condition
I want to show the battery icon given the status provided in props. I am trying to keep it simple but without writing too much code, i.e.: . ...
- 301
3
votes
1
answer
56
views
Simple registration form with validation
I am really new to React and I worked on some challenges. I need to mention I did most of the stuff on my own without much dependence on the internet beside what functions do. I'd like to know if I ...
- 31
2
votes
1
answer
67
views
React component to render price change
I've written this Card component which is composed of thumbnail image, name, symbol, ...
- 123
0
votes
1
answer
112
views
This code renders a time dilation calculator
I've been learning React for about a month now. I wrote a small interactive calculator to show the effects of time dilation under special relativity. It's Node/React/Razzle(for SSR)/Typescript/...
3
votes
2
answers
325
views
Created a basic User Profile List using an API (React)
I'm relatively new when it comes to programming in React and in JavaScript, but have a surface level understanding of what things do. I've created a basic program that fetches user data from an API ...
- 31
1
vote
1
answer
34
views
Dynamic social media component w/ dark mode
Note: This is my first post for a code review, so any feedback on what other info would be helpful to post (if any) would be much appreciated!
React component: Social.js
The component has an input of ...
- 11
1
vote
1
answer
86
views
Merge into an object from two different API calls
I'm working on an app to compare SDKS (their churn and acquisiton rates). I have created an API with two separate endpoints.
The first, compares one sdk to ther other and spits out that data for each ...
- 241
2
votes
2
answers
33
views
Display element in a grid and conditionally add to redux or remove if not selected
I have some logic on my JSX for an element in a grid, if element is selected, then add to redux, if element is not selected then remove from redux...
is working ok, but I sense a bad smell...
...
- 425
2
votes
1
answer
203
views
Simple to-do list application in React
I'm getting started with React, so I took a React tutorial for creating a simple to-do list app.
After finishing it, I read "Thinking in React", and tried to improve what I did during ...
- 779
2
votes
1
answer
82
views
3
votes
1
answer
87
views
How can I re-write the conditionals for this button
I've been trying out React for a couple of days and I tried to build a button component with some conditionals. Everything works but I feel like I am not doing it the right way.
Could anyone review my ...
- 31
2
votes
0
answers
168
views
naming convention for atomic design
We follow atomic design principle. More here
I have a react app where we put small components like button, label etc and call it atoms.
In that I have made loading and Error component responsible for ...
- 465