Using React, I am trying to make a chess website. Inside my App function, I have the following code: const [playerSide, setPlayerSide] = useState('White'); function switchPlayerSide() { console.log('in switch, ' + playerSide); setPlayerSide(playerSide === 'Black' ? 'White' : 'Black'); }…
I've recently started my web dev journey, and decided to learn some JavaScript to mess with APIs in order to learn how to perform the fetch (for starters) from a public API. My first attempt at this is by trying…
I'm building a fast-paced game where the user collects animals through matching. The game works as follows: The user is presented with 2 pictures of 2 animals, and they must cycle through the pictures by pressing 2 buttons, one that…
I want to add some external scripts to my ReactJS/TS app and I would like to add these scripts not into index.html but with another component. if (root) { createRoot(root).render( <> <Scripts /> <BrowserRouter> <Routes> <Route path="/" element={<PageWrapper />}> <Route…
I'm trying to add a button inside the component which is link ()as a whole already. But I want my button to be unlinked but also positioned inside that linked component. I mean when I click on that button it…
I am working on a project which have multiple routes like /profile /admin /home I am fetching posts from backend using Redux Toolkit query in profile page and getting posts successfully but when I go to another page and come…
I recently came across this: React.useEffect(() => {}, []); I'm used to importing useEffect and calling it like this: useEffect(() => {}, []); which in my experience seems to be more common. Is there any difference between the two? (Maybe…
I'm trying to conditionally switch between two HTML buttons in ReactJS based on wether the form is shown or not. Basically if the form is shown, show a submit button and if not shown, show a regular button to show…
I am creating a survey questionnaire form with reusable React components for the page layout with state coming from my Redux store. My state has updated, but the updated state is not rendering properly on the page. Specifically on the…
I want to create an app on React where a user can input a number of his bank card. In the input field will be a default value with 16 zeros and every next zero will immediately change to the…