frintjs/frint

Maintenance: Upgrade to React v16

Open

#435 aperta il 16 lug 2018

Vedi su GitHub
 (4 commenti) (0 reazioni) (0 assegnatari)JavaScript (37 fork)batch import
help wantedproposal

Metriche repository

Star
 (746 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

Currently

Our API of frint-react is based on the context API of React v15.

React v16 still supports the old (v15) context API in deprecated mode, but also makes room for additional improvements.

It has also introduced APIs like getDerivedStateFromProps , making way for better async rendering (while also deprecating componentWillReceiveProps).

Proposal

We already have some additional proposals which make the API of FrintJS more simpler and stays close to the Component lifecycle where possible. Making it even easier to migrate to React v16:

  • #424: Access to app instance synchronously
  • #428: Region component with render prop support
  • #433: MountApp component
  • #436: Pass Region's props to Child Apps' root Components directly

While migrating to React v16, we can:

  • Drop observe HoC
  • Drop data prop in Region component
  • Drop RegionService

Because parent props as a stream would be difficult to access, since componentWillReceiveProps is already deprecated and will be gone in React v17.

It will have to be a breaking change.

Guida contributor

Direzione di ricerca
Il problema richiede l'aggiornamento di frint react a React v16, che comporta l'eliminazione dell'HoC `observe`, della prop `data` in Region e di RegionService. Fa inoltre riferimento ai sotto problemi #424, #428, #433, #436. I contributori dovrebbero prima comprendere l'attuale utilizzo dell'API di contesto di React v15, quindi sostituire i metodi del ciclo di vita deprecati come componentWillReceiveProps con getDerivedStateFromProps. Sarebbe utile esaminare le PR collegate già completate (ad esempio #428, #436) per comprendere i nuovi pattern. Poiché si tratta di una modifica sostanziale, è necessario un test accurato.
Tech stack
reactjavascript
Dominio
frontend
Tipo issue
Refactoring
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
React v15 API knowledgeUnderstanding of frint reactComponent lifecycleAsync rendering concepts
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
25