WordPress/gutenberg

Code Quality: Refactor all React class components to functional components using hooks

Open

#22.890 aperta il 4 giu 2020

Vedi su GitHub
 (53 commenti) (12 reazioni) (0 assegnatari)JavaScript (3893 fork)batch import
Good First Issue[Package] Components[Status] In Progress[Type] Code Quality[Type] Tracking Issue

Metriche repository

Star
 (9607 star)
Metriche merge PR
 (Merge medio 12g 18h) (509 PR mergiate in 30 g)

Descrizione

The official recommendation for writing React components is as follows.

All components should be implemented as function components, using hooks for managing component lifecycle and state.

If you're a new/junior contributor looking to help with this refactoring, follow these steps:

  • Search for class components on the codebase (For example by searching extends Component
  • Pick a component to refactor.
  • Comment on this issue saying that you're working on the said component.

Note This is a tracking issue for the React components guidelines. This issue is tailored specifically for junior and new contributors. Experienced contributors shouldn't do big refactorings unless they update the code for another reason (bug fix, feature).

Guida contributor

Direzione di ricerca
Seleziona un componente usando 'extends Component', comprendi il suo stato e i metodi del ciclo di vita, quindi convertilo in un componente funzione usando useState e useEffect.
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.
80