1. Global Scope: -> Variables or functions declared outside of any function or block have global...
Context Setup src/context/ToastContext.js import { createContext, useCallback,...
import { Typography } from "@mui/material"; import { useEffect, useRef, useState } from...
File Commands cd - change directory pwd - print working directory ls - list files and...
This is a reusable React Native component for rendering skeleton loaders with customizable dimensions...
This approach helps in writing cleaner and more readable code for conditional rendering without using...
Navigation: h: Move cursor left. j: Move cursor down. k: Move cursor up. l: Move cursor right. gg:...
const obj = {a: 1, b: 2} const val1 = obj.c; const val2 = obj.c || "default"; //...
Git Commands: Set Remote and Related Operations Setting Up a Remote Repository: git remote add...
Here are some common Nano commands used in the Nano text editor: Open/Create a File: nano...
React Native Project: Recipe App Objective: Develop a recipe application using React Native,...
import AsyncStorage from '@react-native-async-storage/async-storage'; import NetInfo from...
function getCurrentRouteFromNavigationState(navigationState) { if (!navigationState) return...
import { useState, useEffect } from 'react'; import { getFocusedRouteNameFromRoute, useRoute } from...
const useRefreshScreensStore = create((set) => ({ refreshScreens: [], scheduleRefresh:...
const useDrawerSheetStore = create((set) => ({ drawerSheets: {}, currentRoute: null, ...
import CountryFlagMappings from "./atlas-countryflags"; import CountryCitiesData from...
const CountryFlagMappings = { "Andorra": "ad", "United Arab Emirates": "ae", ...
const CountryDialCodesMapping = { "Andorra": "+376", "United Arab Emirates": "+971", ...
class Aphrodite { static FormatToTwoDigits(number) { const parsed = parseInt(number); ...
import Aphrodite from "./aphrodite"; class Chronos { ConvertUTCToLocal(timestamp) { ...
class ThemisResponse { constructor(validationResponse, errorMessage = null) { ...
import { trigger } from "react-native-haptic-feedback"; const FeedbackType = { ImpactLight:...
A post by Akash Yadav
Galileo AI is one of the most UI design AI took. With Galileo AI you can improve your productivity,...
In JavaScript, the Date object provides several methods for working with dates and times. Here are...
Basically, npm install reads **package.json **to create a dependency list and uses package-lock.json...
I just came across HTMX and I'm sharing with you guys what features it offers over regular...
Zed Title: Zed.dev: Revolutionizing Developer Productivity I am recently started using the Zed...
API1 API2 { "date": "2024-02-10", "inr": { "$myro": 0.2113706, "$wen": 267.93886878, "00":...