I'm having a hard time remembering everything that I have learnt, so I decided to build an app where I can store whatever I learnt and search for them later easily. That's before I realized the app that I halfway built has a name; it's called "Personal Knowledge Manager", and there are already tons of apps like that, one of them is "exactly" how I imagined my app would be if I finish building it.
What a mess.

Darn. I've always been storing images on IndexedDB in ArrayBuffer format. Didn't know you can actually store a File inside, not before a bug that I encountered just now. What a waste of potential 😑

So, today I revisited my 5 months old code and was like "What? Did I really wrote this horrible code?" 😐️ 🙂️ 😃️🔫️

```js
setState((initVal) => {
initVal.food = 'burger';
return initVal;
});
```

The function above change its argument's value, which is terrible thing to do, since it will also change the original value passed to the function. A variable's value for example. Making it an impure function.

For hours I spent my time debugging my code, trying different approach to the same code function. Looking for one simple invisible mistake, that is when I want to make a delete request to the IndexedDB.

The request are fine without running a single error, the success event fires perfectly. But one thing which is unexpected, the object inside IndexedDB did not vanish at all. The data stay the same without any flaws (but how can that be, when the 'delete success' event fired? IT SHOULD BE GONE BY NOW!). No kidding, for hours I debug my code, yet found nothing's wrong!

Until one moment I found out the datatype of key I gave the request are different from the object I wanted to delete, the object has a key of 4 and I gave the request "4". I'm so pissed at this moment making me googled 'developer rant' and found this site.
Really! God Bless 1 !== '1'.