tigawanna

Fix ENOSPC Error: Increase System File Watcher Limit

Problem

The ENOSPC error occurs when the system reaches its limit for file watchers, which is common in Expo and React Native projects that monitor many files.

Solution Steps

1. Check Current File Watcher Limit

cat /proc/sys/user/max_inotify_watches

tigawanna

import { MutationCache, QueryClient } from "@tanstack/react-query";


export const queryKeyPrefixes = {
  viewer: "viewer",
  auth: "auth",
} as const

tigawanna

Setting Up Android Studio on Linux for React Native (Expo) Development

This comprehensive guide will walk you through installing and configuring Android Studio on Linux specifically for React Native and Expo development. By the end of this guide, you'll have a fully functional development environment optimized for mobile app development.

Table of Contents

1. Prerequisites
2. Installing Android Studio
3. Initial Android Studio Configuration
4. React Native/Expo Specific Setup
5. Environment Variables Configuration

tigawanna

export function formatSqlQuery(query: string): string {
  const keywords = [
    "SELECT",
    "FROM",
    "WHERE",
    "LEFT JOIN",
    "RIGHT JOIN",
    "INNER JOIN",
    "OUTER JOIN",

tigawanna

Recursive type helpers

inspired by the typed pocketbase library

type Join<K, P> = K extends string | number
  ? P extends string | number
    ? `${K}${"" extends P ? "" : "."}${P}`

tigawanna

In this example we'll alias pp to pnpm

• check powerchell profile location

 echo $profile

Note

powershell <7 is usually on : C:\Users\denni\OneDrive\Documents\WindowsPowerShell\Microsoft.PowerShell_profile.ps1 powershell 7+ is usually on : C:\Users\denni\OneDrive\Documents\PowerShell\Microsoft.PowerShell_profile.ps1

tigawanna

"use client";
import { SiSolid } from "react-icons/si";
import { FaReact } from "react-icons/fa";
import { SiSvelte } from "react-icons/si";
import { FaVuejs } from "react-icons/fa";
import { SiDeno } from "react-icons/si";
import { SiRemix } from "react-icons/si";
import { TbBrandNextjs } from "react-icons/tb";
import { SiNuxtdotjs } from "react-icons/si";

tigawanna

Visualize most Used Libraries

i had a list of top libraries i use and listing them in a ul didn't look appealing enought , luckily i hda seen the tanstack website and their sponsors section wher they had this coool visualization of circles that vary in sizebased on how big a contributor they are..

We'll be using vlsx by the people at Airbnb

npm i @visx/hierarchy @visx/responsive 

tigawanna

Adding a contact me form using server actions and nodemailer

Now that we've shown the viewre all about us , lets give them a way to reach us

Since we're using NextJs lets use some server actions to send them an email when someone submits that form

Lets create the server action

"use server";

tigawanna

// deno-lint-ignore-file no-explicit-any ban-ts-comment

import { logError } from "../helpers.ts";
import { getViewerRepos, LanguageEdge } from "./getViewerRepos.ts";

export function pkgTypeCondition(pkg: RequiredDecodedPackageJson): {
  pkg_type: TPkgType;
  condition: boolean;
} {