mikhael28/paretOS

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

Open

#293 opened on Aug 20, 2022

View on GitHubContributor guide
 (0 comments) (0 reactions) (0 assignees)JavaScript (45 forks)auto 404
Reactformsgood first issue

Repository metrics

Stars
 (35 stars)
PR merge metrics
 (PR metrics pending)

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

Contributor guide

Research direction
Examine the existing Login.js to understand the successful pattern for integrating Material UI and react hook form. Then apply that pattern to SprintCreation.tsx, replacing Bootstrap components with Material UI equivalents and converting class components to functional components with hooks.
Tech stack
javascripttypescriptreact
Domain
frontend
Issue type
Refactor
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
React
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60