meshery/meshery

[UI] Convert `Navigator.js` from class based component to functional component

Chiusa

#8798 aperta il 16 set 2023

Vedi su GitHubGuida contributor
 (18 commenti) (0 reazioni) (0 assegnatari)HTML (3101 fork)batch import
component/uiframework/reacthelp wantedissue/willfixkind/childlanguage/javascript

Metriche repository

Star
 (10.013 stelle)
Metriche merge PR
 (Merge medio 22g 16h) (332 PR mergiate in 30 g)

Descrizione

Current Behavior

Navigator.js is a class-based component.

Desired Behavior

Navigator.js should be a functional component.

Implementation

Convert all the Class-based components to new updated functional components. It is important here to convert a class-based component to a functional component you may need to convert some functions as well. Check if the function is used in other components or not.

Also, make sure to use the hooks while converting them. For example, you need to covert withNotify with useNotification, useRouter hook. Please check if a hook for functional components is available and use that.

Here is a quick blog that will help you get started with : Link

Contributor Guides and Handbook

Guida contributor

Direzione di ricerca
Leggi il blog collegato sulla conversione di componenti classe in componenti funzionali. Esamina Navigator.js e le sue dipendenze per identificare stato, metodi del ciclo di vita e props. Converti in componente funzionale usando hook come useState e useEffect, e sostituisci withNotify con l'hook useNotification.
Tech stack
reactjavascript
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.
85