victorcolina22

Aprende a crear tu propio Pie Chart

Tabla de Contenidos

1. Introducción
2. Conceptos Fundamentales
3. Estructura del Componente
4. Tipos y Interfaces
5. Funcionamiento Interno
6. Atributos SVG Explicados

victorcolina22

Custom hook for React to manage form states

Install TanStack Query to properly use

npm i @tanstack/react-query

Also you need to copy and paste this function in your project to enable the comparation

export const deepCompare = (objA: any, objB: any) => {

victorcolina22

Deep compare function in TypeScript

export const deepCompare = (objA: any, objB: any) => {
	if (objA === objB) return true; // Misma referencia o valores primitivos

	if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
		return false; // Ningún objeto es null
	}

victorcolina22

Commands to find and kill ports running on MacOS

View ports listening

sudo lsof -nP -iTCP -sTCP:LISTEN

View port listening on port provided

lsof -i :3000

victorcolina22

Comandos para mantener pantalla activa al cerrar laptop desenchufada MacOS

Ver configuración de hibernación

pmset -g | grep hibernatemode

Setear configuración para mantener pantalla activa

sudo pmset -a sleep 0

victorcolina22

Template para levantar contenedor en docker con PostgreSQL

version: "3"

services:
  myDB:
    image: postgres:latest
    container_name: my-database
 restart: always

victorcolina22

Add custom commands for iTerm + ZSH.

1. Create new file and name .my_custom_commands.sh
2. Add some functions e.g

function ios() {
  open -a "Xcode" ~/Documents/iOS/MyiOSProject.xcodeproj
}

victorcolina22

Prettier config JSON for astro

{
  "arrowParens": "always",
  "bracketSameLine": false,
  "objectWrap": "preserve",
  "bracketSpacing": true,
  "semi": true,
 "experimentalOperatorPosition": "end",

victorcolina22

Command to search for a file in the system macOS

sudo find / -name nombre-de-archivo 2>/dev/null

victorcolina22

React Native folder structure with Expo

proyecto-app/
├── .expo/
├── .github/                   # Configuración para CI/CD y GitHub Actions
├── assets/                    # Recursos estáticos
│   ├── fonts/
│   ├── images/
│   └── animations/            # Animaciones Lottie