DevJoseManueldevjosemanuel.hashnode.dev·19 hours agoLiskov Substitution Principle (LSP)En pocas palabras lo que nos viene a decir el Principio de Substitución de Liskov (Liskov Substitution Principle, LSP) (la L dentro de los principio SOLID) es que un objeto que herede de una clase padre (un subtipo de objecto desde el punto de vista ...DiscussReactReact
DevJoseManueldevjosemanuel.hashnode.dev·Apr 16, 2024Open/Close Principle (OCP)En este artículo vamos a ver qué es el Open/Close Principle (OCP) que se corresponde con la O de SOLID. Este principio lo que viene a decir es que las entidades que tengamos en nuestro código (en el caso de React, entenderemos por entidades los compo...DiscussReactSOLID principles
DevJoseManueldevjosemanuel.hashnode.dev·Apr 15, 2024La función act()En el anterior artículo de la serie vimos cómo podíamos testear un custom hook que habíamos desarrollado pero únicamente centrándonos en ver cómo probar el valor que se le asignará a un atributo que definimos dentro del estado del hook. En concreto e...DiscussTestingReact
DevJoseManueldevjosemanuel.hashnode.dev·Apr 14, 2024TypeScript: PickEn este desafío lo que perseguiremos es construir el tipo Pick<T, K> sin hacer uso del mismo. Deberemos construir un tipo de datos que nos permitirá extraer el conjunto de propiedades K de un tipo T. Por ejemplo: interface Todo { title: string ...DiscussTypeScriptTypeScript
DevJoseManueldevjosemanuel.hashnode.dev·Apr 12, 2024Server Components vs Server Side RenderingEn este artículo trataremos de aclarar las diferencias que existen entre React Server Components y Server Side Rendering (SSR) puesto que se trata de dos conceptos que en la superficie parecen muy similares puesto que los dos ocurren en el servidor y...DiscussNextJSReact
DevJoseManueldevjosemanuel.hashnode.dev·Apr 11, 2024Optimizar ReactEs posible que cuando nos dicen que tenemos que optimizar nuestras aplicaciones de React en lo primero que pensemos es en utilizar hooks como useMemo o useCallback para lograrlo pero también es posible que pasemos a utilizarlos de forma incorrecta lo...DiscussReactReact
DevJoseManueldevjosemanuel.hashnode.dev·Apr 10, 2024Patrón: BuilderPara poder describir el patrón Builder vamos a apoyarnos una vez más en un ejemplo. En concreto vamos a imaginar una situación en la que vamos a tener que hacer el escaneo de un directorio que está lleno de archivos de tal manera que por cada uno de ...DiscussTypeScriptspanish
DevJoseManueldevjosemanuel.hashnode.dev·Apr 9, 2024Funciones Puras (Pure Functions)El concepto de Funciones Puras (Pure Functions) proviene del mundo de las matemáticas y que ha sido adoptado por la programación funcional. Podemos decir que una función es pura siempre y cuando cumpla con dos condiciones: Dados los mismos parámetro...DiscussMiscellaneaTypeScript
DevJoseManueldevjosemanuel.hashnode.dev·Apr 8, 2024Testing Custom HooksVamos a ver los pasos que tenemos que dar para poder testear los custom hooks que podemos ir desarrollando en nuestras aplicaciones de React y para ello vamos a partir del siguiente custom hook: import { useState } from 'react' type UseCounterArgs =...DiscussTestingTesting
DevJoseManueldevjosemanuel.hashnode.dev·Apr 7, 2024T de TransformerUna introducción a los Transformers que se utilizando dentro de GPT y que nos servirá de base para seguirlos estudiando en el resto de artículos de la serie dedicada a la Inteligencia Artificial. Las siglas GPT vienen de Generative Pre-trained Trans...DiscussMiscellaneaspanish