I am working on an app that makes API calls from react frontend to ExpressJs backend, everything works perfectly well on local development but is not working on the production. I hosted my backend on Heroku and frontend on Netlify.…
I just started learning React and I'm trying to build a static HTML page. Everything works fine except the React logo image which has refused to show. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <meta…
I'm building a loading bar in React, but something is not right. I want it to fill width 100% once the timer is reached 3 seconds, but for some reason it does not work as expected. const { useState, useEffect…
I'm trying to build a React web-app that allows people to solve chess puzzles. I used a chessground library to render the chessboard and chess.js library to handle chess logic. I created a component Board.tsx to use chessground library in…
I have a Next.js 14 project where I prioritize the use of server components over client components whenever possible. The layout is server-rendered, while component wrappers used within it are client-rendered. One of these components is instantiated multiple times on…
Please understand I am just learning.... can someone help modify the code so that when the ‘yes’ option is selected, a hidden part of the form is shown to allow additional completion? I tried to do this using usestate as…
I am having a hard time coming up with a good approach for splitting business logic from a component. Due to different use cases, it has gotten too complicated and resulted in a long file. I've been attempting to split…
In this code snippet I want to know why async and await not working. This code in my component I am sure that is no errors: const { success, loading, error } = useSelector( (state) => state.loginReducer ); const formik…
My React app is just a simple login Page and my intention is how do I able to tackle the Spring Security Authentication via React Login, My React app is running at localhost:5713 My Spring app is running at localhost:5001…
I am writing a page to illustrate how to use a component I've developed and I'd like to build pairs of examples (rendered) with TSX source code that produces the example, ideally not having to repeat the code twice. I'd…