📄 About This Website This is my personal portfolio and blog application, built to showcase my work, share articles, and experiment with modern web technologies. It is powered by Hugo, Progressive Web App (PWA) capabilities, and various performance-focused optimizations. 🛠 What is Hugo? Hugo is one of the fastest static-site generators, built using Google’s Go programming language. By default, Hugo outputs static HTML files, which results in extremely fast page load times and excellent performance....

ℹ️ This article is authentic, fully organic, handcrafted by a human mind. No AI was harmed or used in generating the ideas for content and title. Before diving into concepts, let’s first look at some code and see how simple and elegant Zustand can be. theme.store.ts import { create } from "zustand"; type ThemeStore = { theme: "light" | "dark"; toggleTheme: () => void; }; export const useThemeStore = create<ThemeStore>((set) => ({ theme: "light", toggleTheme: () => set((state) => ({ theme: state....

ℹ️ This article is authentic, fully organic, handcrafted by a human mind. No AI was harmed or used in generating the ideas for content and title. 'use use' is a meme going around in a react ecosystem, with the introduction of many use directives like: "use strict" "use client" "use server" "use cache" "use memo" "use no memo" "use dom" "use workflow" But this article is not about directives, its about the use hook....

ℹ️ This article is authentic, fully organic, handcrafted by a human mind. No AI was harmed or used in generating the ideas for content and title. themeAtom.ts import { atom } from "jotai"; export const themeAtom = atom("light"); App.tsx import { useAtom } from "jotai"; import { themeAtom } from "./themeAtom"; function App() { const [theme, setTheme] = useAtom(themeAtom); const toggleTheme = () => { setTheme((prev) => (prev === "light" ?...

Starting from node 22.6.0, you can directly start writing on the .ts file without installing any dependencies: index.ts function main(message: string): void { console.log("Message: " + message); } main("Hello! world"); For running with watch mode: package.json "dev": "node -w index.ts" Recommended base tsconfig tsconfig.json { "compilerOptions": { "target": "esnext", "module": "nodenext", "allowImportingTsExtensions": true, "rewriteRelativeImportExtensions": true, "verbatimModuleSyntax": true, "erasableSyntaxOnly": true } }

ℹ️ This article is authentic, fully organic, handcrafted by a human mind. No AI was harmed or used in generating the ideas for content and title. Jump to code 🔻 Do you really need another HTTP client? You might not need any additional HTTP client. The native fetch API, built into modern browsers and Node.js, is powerful and capable of handling many common use cases. However, real applications need more features like:...

Summary This guide covers five main methods to build and run Expo applications: Expo Go - Fastest method for development and testing, limited to built-in native modules Expo Prebuild - Generates native code when additional native modules are needed Native Builds - Direct builds through Android Studio or Xcode EAS (Expo Application Service) - Cloud-based build service for production releases Debugging Tools - Various options for debugging your Expo app 1....

Tailwind CSS is one of my favorite and go-to tools. It’s almost a standard way of writing CSS these days. Even LLMs and AI tools are giving Tailwind CSS code these days. Here are some of the highlights of V4: Build time 10X faster, Incremental build 100X faster. 35% smaller footprint. Power of Rust and Lightning CSS. 2X Faster parser. CSS-first config, Unified toolchain. Modern CSS features. Getting Started (with Vite) Here’s a quick guide to get started with Tailwind CSS V4 and Vite:...

Download Office 2021 from Here. Install Download this activation script from Here. Run the script as Administrator. 💚 THANK YOU 💚

Download Windows 11 ISO from Here. Install Download this activation script from Here. Run the script as Administrator. 💚 THANK YOU 💚