NaveenDA

// ==UserScript==
// @name         Stem's Infra Template
// @namespace    http://tampermonkey.net/
// @source       https://gist.github.com/NaveenDA/64c8ce07461e0c2f9feb6dabd1dcf00a
// @updateURL    https://gist.githubusercontent.com/raw/64c8ce07461e0c2f9feb6dabd1dcf00a/main.js
// @downloadURL  https://gist.githubusercontent.com/raw/64c8ce07461e0c2f9feb6dabd1dcf00a/main.js
// @version      2024-07-12
// @description  try to take over the world!
// @author       naveenda
// @match        https://web.whatsapp.com/*

NaveenDA

import React,{useState} from "react";
import ReactDOM from "react-dom";
import { QueryClient, QueryClientProvider, useQuery } from "react-query";
import { ReactQueryDevtools } from "react-query/devtools";

const queryClient = new QueryClient();

export default function App() {
  return (
    <QueryClientProvider client={queryClient}>

NaveenDA

import { QueryClient, QueryClientProvider, useQuery } from 'react-query'
 
 const queryClient = new QueryClient()
 
 export default function App() {
   return (
     <QueryClientProvider client={queryClient}>
       <Example />
     </QueryClientProvider>
   )

NaveenDA

import React from "react";
import { SWRConfig } from "swr";

const App = () => {
  return (
    <SWRConfig
      value={{
        onError: (error, key) => {
          if (error.status !== 403 && error.status !== 404) {
            // We can send the error to Sentry,

NaveenDA

import { mutate } from 'swr'

function prefetch () {
  mutate('/api/data', fetch('/api/data').then(res => res.json()))
  // the second parameter is a Promise
  // SWR will use the result when it resolves
}

NaveenDA

import useSWR from 'swr'

function Profile() {
  const { data, error } = useSWR('/api/user', fetcher)

  if (error) return <div>failed to load</div>
  if (!data) return <div>loading...</div>
  return <div>hello {data.name}!</div>
}

NaveenDA

import React, { useEffect } from "react";
const SimpleComponent = () => {
  useEffect(() => {
   console.count("Component Rendered ");
 }, []);
 return <div></div>;
};
export default SimpleComponent;

NaveenDA

[{
  "name": "Root",
  "children": [
    {
      "name": "Child 1",
      "children": [
        {
          "name": "Grand Child"
        }
      ]

NaveenDA

import React, { useState } from "react";
import data from "./data.json";
import Item from "./item";

const SettingsPage = () => {
  const [searchData, setSearchData] = useState(data);
  const searchItem = (query) => {
    if (!query) {
      setSearchData(data);
      return;

NaveenDA