gajus / gajus/babel-plugin-react-css-modules
What is the best way of handling conditional styles together with this plugin?
- Lenguaje dominante
- JavaScript
- Estrellas
- 2k
- Forks
- 159
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Descripción
First off, thanks you for this amazing library. It solves a huge problem and really cleans up my code. I know it's a matter of opinion but I'm curious what the most idiomatic / readable / cleanest way to handle conditional styles together with this plugin? Here's my current approach with a functional component. Does anyone have any other patterns?
```
import React from 'react';
import './Modal.module.scss';
const Modal = (props) => {
const animateModal = () => {
if (props.show === true) {
return('modal animate-in');
}
return('modal animate-out');
}
return (
{props.children}
);
};
export default Modal;
```
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Línea de trabajo
Revisa el ejemplo de componente funcional del issue y su hoja de estilos asociada Modal.module.scss. El issue solicita orientación sobre el uso, no la identificación de un cambio de código, un archivo objetivo o una prueba, por lo que todavía no existe una condición concreta de finalización.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- javascript, react
- Área
- frontend
- Tipo de issue
- Nueva funcionalidad
- Dificultad
- 5/5
- Tiempo estimado
- Más de una semana
- Estado de actividad
- Estancado
- Claridad
- Necesita aclaración
- Aptitud para principiantes
- 20/100