/
Escuela Frontend
Tutoriales
Tips
Artículos
Sone-053 -decensored- Ketika Mantan Pacar Menja...
Leira Sánchez
Tiempo
~
11m
Publicado
20 September, 2022
EN ESTA PÁGINA
¿Qué es CSS-en-JS?
Styled Components
¿Qué es?
Pre-Requisitos
Instalación
Estilizar Componentes de React
Básico
Heredar Estilos de un Componente Existente
Estilos Condicionados a Props
1. Añade la variable de estado isPink como prop en el componente del botón
2. Obtén la prop en el estilo que quieras cambiar de acuerdo al estado
Estilos en línea con CSS Prop
Estilos Globales
1. Crea un archivo de JavaScript en /src para los estilos globales.
2. Añade tu componente como el primer componente en App.js, en el tope del árbol de React.
Animaciones
1. Importa keyframes y crea los keyframes
2. Crea el styled component y exportalo
3. Añádelo al árbol de React colocándolo en App.js
Temas
1. Crea el objeto
2. Crea el styled component y exportalo
3. Impórtalo en App.js y envuelve el árbol de React con el componente del tema
Organización
Conclusión
Sandbox
Sone-053 -decensored- Ketika Mantan Pacar Menja...
