Handling API data in React - all the tools you need
Fetching data in React is easy. fetch is all you need, right? But what about loading state? Well, just use useState to keep track of it. And error state? Uhm, another useState? And...
Read moreTypescript
Introducing TinyDeskDB: Your New Go-To for Tiny Desk Concerts
Explore the creation of tinydeskdb.com, a small search engine for NPR's Tiny Desk Concerts. Discover how I gathered data, designed the interface, and implemented features to help fans...
Read moreScheduled web scraping made easy: using Playwright with GitHub Actions
Web scraping is a beautiful thing. It allows you to extract data from websites that don't provide an API. Use it to monitor prices, collect data for research, aggregate news from your...
Read moreContinuous file saving in React
Here's a short tutorial on how to implement saving custom content to the file system of an end user. This not only gives us the opportunity to save the file once, but by working in a...
Read moreConsuming 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 moreDeploy 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 moreFront-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 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 moreUse 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 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