mikhael28/paretOS

`ChangePassword.tsx` react-bootstrap -> react-hook form migration

Aperta

#295 aperta il 20 ago 2022

Vedi su GitHubGuida contributor
 (4 commenti) (0 reazioni) (1 assegnatario)JavaScript (45 fork)auto 404
Reactgood first issue

Metriche repository

Star
 (35 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

Description

There are several areas of the repo that are still using the Bootstrap form components FormGroup, FormControl, ControlLabel, and HelpBlock. These should be migrated to Material UI (FormControl, FormControlLabel, and FormHelperText). In addition, we want to have those components refactored to Hook's from classes (if they aren't already), and to use the react-hook-form npm library to improve the performance of our forms. Review this old Issue for more details. You can refer to Login.js to see what successful implementation looks like.

If you'd like to help, please respond to this issue!

A comprehensive refresher on Material UI forms: https://smartdevpreneur.com/every-material-ui-form-component-explained-mui-v5/

Official docs: FormControl FormControlLabel FormHelperText

Guida contributor

Direzione di ricerca
Esamina il problema di riferimento e Login.js per il pattern di migrazione, quindi sostituisci i componenti del modulo Bootstrap con equivalenti Material UI in ChangePassword.tsx, integrando react hook form per la gestione del modulo.
Tech stack
javascriptreact
Dominio
frontend
Tipo issue
Refactoring
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactGit
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75