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 morereact-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 morereact-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 moreTesting 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 moreCreate 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 moreUse the Netlify CMS select widget with dynamic values
What I wanted to achieve was a custom select widget, filled with dynamic values, thus not set in the config.yml. The default select widget of the Netlify CMS is very useful though,...
Read moreGenerate your Netlify CMS config.yml using Typescript
Regularly while working with a Netlify CMS you need the config.yml file to configure your entire CMS. I found this to be suboptimal and wanted to use the power of Typescript to...
Read more