I joined a Frontend bootcamp and now I have to create a registration form as a part of my first project. I want to use the best practices to be… you know… one of the best students to get hired afterwards. The registration form has 9 fields including selcet, textareas and usual inputs. And AFAIK… Read More Is it a good idea to use useRef to prevent rerendering on every input change?
first time using Typescript, i’m rendering a component inside of a map like this: interface chatInterface { sender: string; avatar: string; content: string; time: string; } <> {eachUser?.chats.map((item) => item.messages.map((obj: chatInterface, index: number) => { return <ChatPage key={index} message={obj} />; }) )} </> And the ChatPage component is this: function ChatPage(props: { message: chatInterface })… Read More React router with typescript how to import intrinsic attributes
how to stop re-rendering of child component if parent update the context or state in react js ? I am already using React.memo still it is re-rendering. this is my child component const Ab = () => { console.log("—ff-ddd"); const pageContext = useContext(PageContext); useEffect(() => { setTimeout(() => { pageContext.updateGlobalMenu({}); }, 5000); }, []); return… Read More how to stop re-rendering of child component if parent update the context or state in react js?
i have been trying to get the ctx to work for a school thing, but it is not even showing up when i run it. i figured it might ask here due to the fact my teacher does not want to help me. i have tried going over the video provided several times in order… Read More CTX is not showing
I’m new to ReactJS. I have developed an app consisting of a table with several columns and I have been successful in rendering my application on localhost. My front-end is accessible from http://localhost:3000 and back-end from http://localhost:8000. I’m using MongoDB as database. Now I want to make it possible for my network users to see… Read More make my application visible for all network users
So I’ve been struggeling with the following issue: I have a function that returns me a number of years (4 years). These years need to each be mapped with two options in a select ( term 1 and term 2 for example). <select> {getSemesterSelection().map((el, key) => { return ( <> <option value={`${el}1`} key={`${el}1`}>{`${el}1`}</option> <option value={`${el}2`}… Read More How can I set a key rendering a list in react when two items should be rendered per map iteration?
I’am trying to understand react’s behaviour throught nextjs. I have an index.js page with one component Homecard displayed three times and one button that increment a value. Each time I click on button all Homecard components are re-render. index.js import { Homecard } from ‘../components/Homecard’ import { useState } from ‘react’ export default function Home()… Read More Avoid unnecessary component rendering with memo in nextjs
i have this code: <li><input type="checkbox" id="checkboxThree" value="Alergia3" ><label for="checkboxThree">Alergia 1</label></li> <li><input type="checkbox" id="checkboxFour" value="Alergia4"><label for="checkboxFour">Alergia 1</label></li> <li><input type="checkbox" id="checkboxFive" value="Alergia5"><label for="checkboxFive">Alergia 1</label></li> <li><input type="checkbox" id="checkboxSix" value="Alergia6" ><label for="checkboxSix">Alergia 1</label></li> But I don’t want to use "id" and "for" because I have to do other thing later and I can’t use them. I have see… Read More How to associate label with checkbox but not using "for=id"
The material rendering mode is now set by default to opaque. I want to change it to fade. So far i did : if (g.GetComponent<SkinnedMeshRenderer>() != null) { Material[] mats = g.GetComponent<SkinnedMeshRenderer>().materials; } The material is at index 0 there is only one material but i’m not sure how to access the rendering mode of… Read More How to change Material Rendering Mode to Fade by script?
I can’t seem to figure out why my router routes aren’t rendering. I am in the very beginning of building my app so there isn’t much code and I’ve tried several different methods and still nothing. I just have div’s right now in the components i’m trying to route and the text inside isn’t coming… Read More React router routers not showing