Animación con react-animations - Historial de revisiones

Nacho en 21:32 24 ago 2020

2020-08-24T21:32:34Z

Nacho en 14:58 21 ago 2020

2020-08-21T14:58:30Z

Nacho en 14:48 21 ago 2020

2020-08-21T14:48:24Z

Nacho: Página creada con «instalar https://www.npmjs.com/package/react-animations y radium npm install radium react-animations import React from 'react'; import './App.…»

2020-08-21T14:48:08Z

Página creada con «instalar https://www.npmjs.com/package/react-animations y radium npm install radium react-animations <syntaxhighlight lang="jsx"> import React from 'react'; import './App.…»

Página nueva

instalar https://www.npmjs.com/package/react-animations y radium
npm install radium react-animations
<syntaxhighlight lang="jsx">
import React from 'react';
import './App.css';
import { bounce } from 'react-animations';
import Radium, { StyleRoot } from 'radium';

const styles = {
bounce: {
animation: 'x 1s',
animationName: Radium.keyframes(bounce, 'bounce')
}
}

class App extends React.Component {
render() {
return (

<StyleRoot>
<div className="test" >
<div className="App">
<header className="App-header">
<h1 style={styles.bounce}>Quitado</h1>

</header>
</div>
</div>
</StyleRoot>
);
}
}

export default App;
</syntaxhighlight>

← Revisión anterior		Revisión del 21:32 24 ago 2020
Línea 1:		Línea 1:
		+	[[Categoría:React]]
	instalar https://www.npmjs.com/package/react-animations y radium		instalar https://www.npmjs.com/package/react-animations y radium
	npm install radium react-animations		npm install radium react-animations

@@ Línea 1: / Línea 1: @@
 instalar https://www.npmjs.com/package/react-animations y radium
   npm install radium react-animations
 <syntaxhighlight lang="jsx">
 import React from 'react';

@@ Línea 6: / Línea 6: @@
 import { bounce } from 'react-animations';
 import Radium, { StyleRoot } from 'radium';
 const styles = {
@@ Línea 25: / Línea 23: @@
              <header className="App-header">
                <h1 style={styles.bounce}>Quitado</h1>
              </header>
            </div>
@@ Línea 33: / Línea 30: @@
+   }
+}
 export default App;
   </syntaxhighlight>