Memoize React Components to Prevent Unnecessary Renders
When the state of a React component changes, the component and all of its children will re-render. While this is fine for most cases, you may have a child component [...]
Styled Component Properties in React
By default, properties passed to a styled component are passed on as attributes to the native HTML element created. A regular property must be a valid HTML element attribute, or [...]
Updating Input and Triggering onChange Event Programmatically in React
While it's easy to update an input's value using a ref, that doesn't trigger the input's onChange event, which may be an issue if you're relying on onChange to fire [...]
Ignore First Render in React’s useEffect()
Sometimes you want to use useEffect() to catch a change in a state, but only after the initial value has been set. For example, you have a state called selectedId, [...]
React Component with Children
Creating a React component that contains children can be as easy as including a children property and including {props.children} in the Return function. But knowing the proper type to use [...]