A collection of tech notes, personal reflections, and evolving thoughts about whatever’s caught my curiosity.

essay

മരണത്തിന്റെ മണം

17 June 2024
ചില വൈകുന്നേരങ്ങളിൽ ഞാൻ മരണത്തിന്റെ മണമുള്ള ഇടനാഴികളിൽ ചെന്ന് പെടാറുണ്ട്...
notes

വഴികാട്ടിയാലുമെന്നെ

9 June 2024

നക്ഷത്രങ്ങൾ നിങ്ങൾ
ഇരുട്ടിൽ ഞാൻ
വഴികാട്ടിയാലുമെന്നെ.

notes

I'll meet you

8 June 2024

I’ll meet you
In the space between darkness and light,
where everything feels divine.

And there, I’ll kiss you
like the very first time,
even after a million times.

essay

Understanding useCallback

5 June 2024
I hope you know what is useMemo and understood that it caches the values between re-renders. `useCallback` is similar to this and it caches a function instead of values...
essay

React Notebook

2 June 2024
An online handbook about React that will cover all the basic topics. Unlike a physical handbook, this online book will evolve over time as I continue to learn and grow.
essay

Understanding useMemo

1 June 2024
React ensures your user interface stays in sync with the application state by using a technique called re-rendering. During re-renders, React compares the Virtual DOMs and updates the necessary parts of the UI. This process is known as React Reconciliation...
essay

Notes about Redux

20 May 2024
Redux is a JavaScript library that can be used with various JavaScript frameworks, including React, Angular, Vue, and Vanilla JS. It serves as a state management tool for handling cross-component or app-wide state.
notes

Types of states

19 May 2024

Below are the different types of states that can exist within an application. There are three main types:

1. Local State

Local state pertains to a single component. An example of this would be listening to user input in a field or toggling a “show more details” button. Typically, local state is managed within the component using useState or useReducer.

2. Cross-Component State

Cross-component state impacts multiple components. For instance, managing the open/closed state of a modal overlay. While this can also be managed using useState or useReducer, it often involves passing state between components via props drilling.

3. App-Wide State

App-wide state influences the entire application, such as themes or user authentication status. Similar to cross-component state, this can be managed using useState or useReducer, albeit with the assistance of props drilling.

essay

How to deploy React app in Firebase

6 May 2024
A React Single Page Application (SPA) is essentially a static website and can be easily hosted using platforms like Firebase or Netlify.