React

React

React useImperativeHandle: Let the parent trigger functions of a child component

In React, the way of communicating between parent and child components is usually done in 2 ways; the parent sends `props` to the child and the child can send data back to the parent...

Read more
React

react-redux-toolkit-starter: a jump-start for every hobby project

A simple React+Typescript+Redux starter project including a neat folder structure, fetching data and global state management...

Read more
React

react-context-mutex: lock a function and prevent it from running multiple times unwanted

I recently stumbled upon an issue I had to fix. I had created a React hook with a `useEffect` function in which I executed a fetch call. The data was then put into a Redux storage. All...

Read more
React

Testing your React components with Jest and @testing-library

There are several different ways of React component testing, but I chose for this particular combination because `create-react-app` uses Jest as their default test...

Read more
React

Create a simple API caching layer using Typescript

Caching API requests is something that's often forgotten, even though it can possibly improve performance and reduce use of resources. The implementation can be really simple, as I...

Read more