mikhael28/paretOS

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

Ouverte

#293 ouverte le 20 août 2022

Voir sur GitHubGuide contributeur
 (0 commentaire) (0 réaction) (0 personne assignée)JavaScript (45 forks)auto 404
Reactformsgood first issue

Métriques du dépôt

Stars
 (35 étoiles)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

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

Guide contributeur

Direction de recherche
Examinez le Login.js existant pour comprendre le modèle de réussite de l'intégration de Material UI et react hook form. Appliquez ensuite ce modèle à SprintCreation.tsx, remplacez les composants Bootstrap par des équivalents Material UI et convertissez les composants de classe en composants fonctionnels avec des hooks.
Stack technique
javascripttypescriptreact
Domaine
frontend
Type d'issue
Refactorisation
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
React
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60