gajus / gajus/babel-plugin-react-css-modules

What is the best way of handling conditional styles together with this plugin?

Abierto
#253 2 comentarios 0 reacciones 0 asignados Ver en GitHub
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

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.