Daniel Iván Gómez Hortúa DanielGomezIH

Mejores Prácticas: Peticiones Asíncronas y Manejo de Errores en React

Índice:

Introducción a las peticiones asíncronas en JavaScript
Manejo de estados en una petición (cargando, error, datos)
Consumo de un endpoint con async/await
Tipos de errores
Manejo de errores con try/catch en async/await
Consumo de un endpoint con Promesas (then/catch)
Manejo de errores con catch en Promesas

Notas de estudio sobre Nextjs 14 - App router

Client-Side Rendering (CSR)

Contexto: El renderizado ocurre completamente en el cliente (navegador). Después de que el navegador recibe el archivo HTML inicial del servidor, se descarga e interpreta el JavaScript para construir la página.

Cómo funciona:

El servidor entrega un HTML mínimo y vacío junto con los archivos JavaScript necesarios. El contenido de la página se genera dinámicamente en el navegador a través de React o cualquier otro framework de frontend.

Documentación sobre Llaves SSH y Git

Introducción

Esta documentación explica qué es el protocolo SSH, por qué es importante integrarlo con Git, y los pasos necesarios para implementarlo en tu máquina local para firmar commits y tags y autenticarte de manera segura.

¿Qué es el Protocolo SSH?

SSH (Secure Shell) es un protocolo de red que permite acceder de manera segura a dispositivos y sistemas a través de una red no segura. Ofrece autenticación y cifrado para proteger la integridad y confidencialidad de los datos.

Cómo levantar un proyecto de React Native desde cero sin tener nada instalado previamente

Esta documentacion fue elaborada y probada para windows, en mi caso windows 11 version 23H2, con procesador AMD Ryzen 5 3500U con Radeon Vega Mobile Gfx 2.10 GHz y 12gb de ram, solo es una aclaración

1. Instalar dependencias

1.1. Node.js (LTS)

Descargar Node.js:
Visita la página oficial de Node.js en https://nodejs.org/en.

Log

git config --global alias.lg "log --graph --abbrev-commit --decorate --format=format:'%C(bold blue)%h%C(reset) - %C(bold green)(%ar)%C(reset) %C(white)%s%C(reset) %C(dim white)- %an%C(reset)%C(bold yellow)%d%C(reset)' --all"

Status

git config --global alias.s status --short

Alternativa útil de status

git config --global alias.s status -sb

Instalación y configuracion de Jest + React Testing Library

En proyectos de React + Vite

Cambiar module.export = {} del archivo eslintrc.cjs a export default {}.
Instalaciones:

npm add --dev jest babel-jest @babel/preset-env @babel/preset-react 
npm add --dev @testing-library/react @types/jest jest-environment-jsdom

	import { createSlice } from '@reduxjs/toolkit';

	export const templateSlice = createSlice({
	name: 'name',
	initialState: {
	counter: 10
	},
	reducers: {
	increment: (state, /* action */ ) => {
	//! https://react-redux.js.org/tutorials/quick-start