This time I want to walk you through my code, implementing a singly linked list. Linked list is a linear data structure like array, queue, tree, etc. It is a node-based data structure with value and a pointer to the next/previous data. The advantage using this data structure is we…

Background The project just started, and the team decided to use nextjs with graphql, both graphql client and graphql server. But, we also have a separate backend that is written in Go. …

Atm of this writing, I'm following this DSA course, it's really good for the foundation knowledge in DSA stuff. Anyway, previously I never understand about binary search, but after watch the binary search section, I think I got it. So basically, it's simply: divide the array into half get into…

Mengerjakan soal leetcode itu susah susah gampang, kadang ada soal easy yang memang menurut saya gampang dan bisa langsung solved, tapi ada juga soal easy yang sampe setengah jam pun saya gabisa dapet solusinya🤣 Kali ini saya akan share gimana caranya menyelesaikan salah satu soal dengan difficulty easy, Difference Between…

In this tutorial, we will learn how to do unit testing to a react component using Jest. Jest is a testing framework that works with react, node, vue, and other tools with focus on simplicity. Unit test aim to make sure that one component is behave as expected despite many…

Yep I know there is useInfiniteQuery API provided by react query, but now I want to try if this works with useQuery as well. In this case I use https://dummyjson.com/ API to mock the data and react-intersection-observer to detect if the page is in the bottom or not. Here’s how…

This is my step by step story about upgrading the nextjs 13.2 from pages to app folder. Write this only to document the step that I have taken (also when I forget👍) Update next, react, react-dom to the latest version. This part is pretty straightforward, just run some command line to update those 3 and youre done. Codemod next image In…

Here’s how to integrate storybook to an existing nextjs app. If you don’t have nextjs app yet, run this command: npx create-next-app@latest then, run this command to add storybook to your nextjs app npx storybook@next init after it finished, you'll have new stories folder within root directory. All stories will…

I often times see some videos on my YouTube homepage about notion. Tips on how to use notion, notion for productivity, etc. But all that videos kind of has the same content, until I see this video. One of his tips for notion is that I am actually able to…