Welldone Software
The Best Software Solutions Company

Sometimes we respond to React element mounts. The first instinct is to useRef & useEffect. But It’s wrong. What you really need is often useCallback.

Image for post
Image for post
setRef returned from useCallback


How can you run tests on version X and version Y of a library, with real-world examples of testing React 16 and React 17

Image for post
Image for post


React.memo / React.PureComponent usage guide

What’s a Pure Component?


Image for post
Image for post
dive()


What is issue #14099 in React’s repo and how it affects you?

Image for post
Image for post

Why do we need useCallback in the first place?

A naive code where a pure heavy component is re-rendered on every re-render of its parent.


When working remotely, you benefit much more from good working processes and proactive team members and you are punished much more severely for sloppy work processes and personal carelessness


Image for post
Image for post


TypeScript support, Custom hooks tracking (like React-Redux’s useSelector), Tracking of all pure components.

Image for post
Image for post

TypeScript Support

Improved Overall Stability

Tracking of all Pure Components


Image for post
Image for post

How does React work?

const App = () => {
const [counter, setCounter] = useState(0);
return (
<div>
<button onClick={() => setCounter(counter + 1)}>Counter</button>
<Component1 /> <Component2 /> <Component3 />…


A key concept of React we tend to forget, quickly explained.

Image for post
Image for post
How come a React element’s parent might not be the one who renders it?
The React components we are going to work with.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store