miguelerm

En los videos se utiliza form.reset() pero eso no limpia los input[type=hidden]

Efectivamente hay un error en el video cuando construimos una aplicación con Vanilla JavaScript. En el ejemplo solamente utilizo form.reset() pero como bien lo resaltó Nery en la sesión en vivo, esto no limpia los <input type="hidden" />.

Para ver un ejemplo del error que mencionamos pueden ver el código del video aquí: https://github.com/laserants/bootcamp-js-2021/blob/6491906a0e0da48891c983b90d551b186300aae7/index.js#L78, y una posible solución es asignando un valor vacío a los campos ocultos despues de hacer el reset del form, por ejemplo: https://jsfiddle.net/miguelerm/54s8u9yf/

Básicamente la razon es que cuando a los input hidden les cambiamos el .value programáticamente, también modifican internamente su default value por lo que al hacer el reset asignan ese default value previamente modificado.

Recursos para manejo de autenticación

Klerith

import { useState } from 'react';

export const useForm = <T extends Object>( initState: T ) => {
    
    const [state, setState] = useState( initState );

    const onChange = ( value: string, field: keyof T ) => {
        setState({
            ...state,
            [field]: value

Klerith

Comando para crear un proyecto de RN con TS

npx react-native init AwesomeTSProject --template react-native-template-typescript