Skip to content

Instantly share code, notes, and snippets.

View itproto's full-sized avatar

OK@itproto itproto

  • itproto
  • United Kingdom
View GitHub Profile
@itproto
itproto / copilot.md
Last active September 11, 2025 15:40

💬 My Take on Codex-tools (LLM-based dev tools)

  • Similar to JavaScript → cool/strange/simple at the beginning
  • Evolution of tools/practices for defining context/prompts/LLMs

3 months usage of passive use at SCB

1.1 Day-to-Day:

  • Generating tests
  • Explaining code
  • Simple refactoring
@itproto
itproto / mizo.md
Last active March 19, 2025 20:38
mizo.

What is a Monorepo?

  • Best source: [monorepo.tools](https://monorepo.tools)
  • Inspired by John’s presentation
  • A single repository with multiple linked projects
  • Why use a monorepo?
    • No overhead for new repositories (avoids extra git/pipelines/boards)
    • One version across all packages (avoids versioning hell)
    • Single commit fixes everything (ensures atomic changes)

@itproto
itproto / Fiona.md
Created August 20, 2024 14:43
Best

To parse the XML string into an array of objects in Node.js without using additional libraries, you can use the built-in DOMParser available in a browser environment or with the help of the xmldom package in Node.js. Since you want to avoid additional libraries, we will use basic string manipulation and DOM methods (if you can use them).

Here's an approach using JavaScript that should work directly in a browser environment:

const xmlString = `
<root>
  <glyph glyph-name="foo" unicode="" />
  <glyph glyph-name="bar" unicode="0020" />
</root>
@itproto
itproto / LESS.md
Created August 9, 2024 15:45
LESZ

To achieve the parallel processing of PostCSS files and load them as a separate CSS bundle in your Webpack setup with React, TypeScript, and CSS/LESS, you can follow these steps:

1. Install Necessary Dependencies

First, make sure you have the necessary PostCSS and Webpack loaders installed:

npm install postcss-loader postcss-preset-env css-loader style-loader mini-css-extract-plugin --save-dev

2. Configure PostCSS

@itproto
itproto / Readme.md
Created June 26, 2024 09:17
Typescrip Syntax refresher

any void

boolean number string

null undefined

@itproto
itproto / Temp.tsx
Last active June 12, 2024 16:07
Tempo
import React, { useState, useEffect, useRef } from 'react';
interface MenuItemProps {
children: React.ReactNode;
}
interface ResponsiveMenuProps {
children: React.ReactNode;
style?: React.CSSProperties;
renderHamburgerButton?: (onClick: () => void, isOpen: boolean) => React.ReactNode;
@itproto
itproto / AZURE.md
Last active March 29, 2024 08:17
LAMA

Cheatsheet

@itproto
itproto / hooks.ts
Created February 29, 2024 01:07
AXIS.md
import { useState, useEffect, useRef, useCallback } from 'react';
// useAsync
type Status = 'idle' | 'pending' | 'success' | 'error';
interface UseAsyncState<T> {
status: Status;
data?: T;
error?: Error;
}
function useAsync<T>(asyncFunction: () => Promise<T>, dependencies: any[] = []): UseAsyncState<T> {
@itproto
itproto / topics.md
Last active March 14, 2024 09:22
LEETCODE.md
@itproto
itproto / http-benchmark.md
Created January 25, 2021 22:03 — forked from denji/http-benchmark.md
HTTP(S) Benchmark Tools / Toolkit for testing/debugging HTTP(S) and restAPI (RESTful)