mikhael28/paretOS

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

Aberta

#293 aberto em 20 de ago. de 2022

Ver no GitHubGuia do colaborador
 (0 comentário) (0 reação) (0 responsável)JavaScript (45 forks)auto 404
Reactformsgood first issue

Métricas do repositório

Stars
 (35 estrelas)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

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

Guia do colaborador

Direção de pesquisa
Examine o Login.js existente para entender o padrão de sucesso para integrar Material UI e react hook form. Em seguida, aplique esse padrão ao SprintCreation.tsx, substituindo os componentes Bootstrap pelos equivalentes do Material UI e convertendo componentes de classe em componentes funcionais com hooks.
Pilha de tecnologia
javascripttypescriptreact
Domain
frontend
Tipo Issue
Refatoração
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
React
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60