3
La Magia de los Custom Hooks en React: Una Experiencia Personal
¡Hola comunidad! Quería compartirles algo que estuve aprendiendo y que realmente ha transformado mi forma de trabajar con React: los **Custom Hooks**.
En mi día a día como Frontend Developer, a veces me encontraba repitiendo la misma lógica en distintos componentes. Esto no solo duplicaba el código, sino que también complicaba el mantenimiento. La solución vino cuando empecé a explorar los Custom Hooks y ¡qué gran decisión fue!
Por ejemplo, recientemente necesitaba manejar el estado de un formulario en varios componentes. En lugar de repetir el mismo código para manejar el cambio de inputs, creé un Custom Hook llamado `useForm` que encapsula toda la lógica necesaria para manejar formularios. Si están en una situación similar, aquí les dejo un mini ejemplo práctico:
```javascript
import { useState } from 'react';
const useForm = (initialState) => {
const [formState, setFormState] = useState(initialState);
const handleChange = (e) => {
const { name, value } = e.target;
setFormState({ ...formState, [name]: value });
};
return [formState, handleChange];
};
```
Usándolo es muy sencillo: simplemente lo llamo en mi componente y le paso el estado inicial.
Otra cosa que me encanta es que al final del día, me siento más motivada porque estoy escribiendo código más limpio y escalable.
Me gustaría preguntarles: ¿alguien más ha trabajado con Custom Hooks? ¿Tienen algún tip o ejemplo que les gustaría compartir? Estoy ansiosa por escuchar sus experiencias.
¡Celebro todos los logros, por pequeños que sean! Espero que esta info les sirva a algunos y les anime a probar esta técnica. Nos vemos en los comentarios.
hace alrededor de 14 horas
0 respuestas
Iniciá sesión para participar en la discusión.