Typescript

GraphQL

Consuming multiple GraphQL endpoints using Apollo Client

View on GitHub Imagine this, you spent day and night working on the perfect web application. You worked together with the backend devs to craft the smoothest and most stable GraphQL...

Read more
Telegram

Deploy your Node.js Telegram bot as an Azure Function App

How to create and deploy a Node.js Telegram bot as an Azure Function App using GitHub Actions, and how to develop the bot in a local development environment...

Read more
Front-end

Front-end development with mock APIs

NodeJS mock server: JavaScript client: --- If you've ever worked with APIs or backend developers these scenarios might sound familiar: - My front-end doesn't work because an API...

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
ImmerJS

Use immer for state manipulation

Have you ever come across a situation where you have a deeply nested state and want you mutate a single property on the deepest level? You could do that using destructuring, but that...

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
Netlify CMS

Use 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 more
Netlify CMS

Generate 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