chenglou/react-motion

Add section to the README about generic usage of interpolated value

Open

#494 aperta il 25 set 2017

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)JavaScript (1160 fork)batch import
docshelp wanted

Metriche repository

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

Descrizione

Put is somewhere at the top.

Make sure it is clear that styles prop is not working with, well, actually styles, but gives you ability to use value to derive all other values of your styles.

See https://github.com/chenglou/react-motion/issues/304#issuecomment-331750756

React motion does not operate "style" (I agree that is a misleading name for prop). It only applies function over any number you pass. This way it can stay minimal and you have all power to interpolate any number-related values.

<Motion defaultStyle={{whatever: 0}} style={{whatever: spring(1)}}>
  {({whatever}) => (
    <div style={{color: `rgb(${255 * whatever}, ${255 * whatever}, ${255 * whatever})`}}>
      Hey, I'm transitioning color!
    </div>
  )}
</Motion>

Related:

Guida contributor

Direzione di ricerca
Aggiungi una sezione all'inizio del README spiegando che la prop `styles` non è per gli stili CSS ma per passare valori numerici che possono essere interpolati. Includi l'esempio che mostra l'interpolazione dei colori.
Tech stack
javascriptreact
Dominio
frontend
Tipo issue
Documentazione
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
1
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Nessuno
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
85