Center Flexbox Column Between Two Variable-Width Columns (Common Toolbar Scenario)
The Issue I often run into the scenario where I'm building a toolbar with items on the left, in the middle, and on the right. The items on the left [...]
Testing Markdown Parser
Testing code blocks in HTML tags Testing Markdown inside a details/summary block Hidden Code Sample ```js console.log('5'); ``` console.log('5'); Testing markdown wrapped in a DIV Test H2 Code sample: [...]
Testing Highlight.js
Testing command line code hint (cmd): rem This is a test netsh delete ipport=0.0.0.0:44369 Code fence with no lang hint will have language auto-detected by highlight.js: ``` console.log("this is a [...]
Post Guidelines
Background This site uses Markdown for simplified input. Specifically, it adheres to the CommonMark spec. Code is highlighted using highlight.js. Adding Code to a Post There are two ways to [...]
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, [...]
Relationships in Entity Framework Core 7
One to Many Relationships This article does not yet include information about One-To-Many relationships in Entity Framework Core 7. However, One-To-Many relationships have not changed much since Entity Framework Core [...]
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 [...]