mikhael28/paretOS

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

Offen

#293 geöffnet am 20.08.2022

Auf GitHub ansehenContributor Guide
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (45 Forks)auto 404
Reactformsgood first issue

Repository-Metriken

Stars
 (35 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Untersuche die vorhandene Login.js, um das erfolgreiche Muster für die Integration von Material UI und react hook form zu verstehen. Wende dieses Muster dann auf SprintCreation.tsx an, ersetze Bootstrap Komponenten durch Material UI Äquivalente und konvertiere Klassenkomponenten in funktionale Komponenten mit Hooks.
Tech Stack
javascripttypescriptreact
Domain
frontend
Issue Type
Refactoring
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
React
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60