I'm trying to wrap my mind around the semantics of discarded renders which I understand can happen in concurrent mode. I would expect that if a render is discarded then none of the useEffect()s are called. Firstly, because useEffects() should…
I am working on a simple customer intake form, and as part of the validation I need to make sure that a proper zipcode has been included. I know regex would be the easiest way to solve this issue, but…
I have a react-component that acts as a container for multiple text-fields. Initially there's just a single textbox, however the user can dynamically add more. So I have a model for every textfield: interface TextFieldProps { value: string, setValue: (newValue:…
I'm an experienced programmer (10+ years) but new to React (< 2 years). I picked up React in a very "operational" way (i.e. being happy when things work without very deep understanding of its inner workings). Now I'm trying to…
import { useEffect, useState } from 'react' export type TTOrigin = { name: 'Name1' | 'Name2' url: string } export function App() { const [data, setData] = useState<TTOrigin[]>([]) useEffect(() => { fetch('https://swapi.dev/api/people/1/') .then((res) => res.json()) .then((json) => setData(json)) .catch((err) =>…
We use hooks like useState() instead of vanilla variables to store some state because we want the UI to update correctly. But isn't that just a solution to the overcomplicated state created by React? Could we've gotten by updating the…
I would like to prevent Tailwind from purging some classes. They are generated in the component eg. className=`text-${size}` Tailwind does not know it will result in text-sm, text-base and text-lg even if size variable is a union of type Size…
I'm creating a screenshot submission form, and I want to compress the image before uploading it to my server. I've got the process so it works, but whenever I test it the first time I try submitting it fails. Clicking…
I'm getting these errors when trying to integrate Chakra UI into my React application using Vite. Uncaught TypeError: sys is undefined ChakraProvider provider.js:15 The above error occurred in the <ChakraProvider> component: ChakraProvider@https://localhost:5173/node_modules/.vite/deps/@chakra-ui_react.js?v=b3e29175:2973:36 This is my App.jsx, error only occurs once…
I have a problem with updating my object in array. const [list, setList] = useState([]); const changeRecordIndex = list.findIndex((recordItem) => recordItem.id === recordID); I creat new array, copy object wich i need and then change one parametr of object. It's…