gumdrops
1.0.0
Este proyecto contiene componentes Reusables JavaScript React que puede importar a su proyecto.
Las goma de goma deben usarse con el sistema de diseño de goma (concreto), que maneja todos los estilos, así como Sass.
Agregue el diseño de gumgum y sass a su proyecto.
Consulte la documentación del sistema de diseño concreto para temas, utilidades CSS y más.
Vea la documentación para esta biblioteca y sus componentes.
Para agregar una versión específica, puede usar yarn add [email protected] (reemplace 1.0.0 con la versión que desee, u omitirla para obtener la última versión)
Las versiones actuales y anteriores se pueden encontrar en ChangeLog.md
La biblioteca exporta sus componentes como módulos ES, por lo que puede importar solo lo que necesita, por ejemplo:
import Button from 'gumdrops/Button';
import Badge from 'gumdrops/Badge';
import Toggle from 'gumdrops/Toggle';
Siga los documentos para usar su componente con los accesorios correctos.
Para la retrocompatibilidad, se proporciona un paquete CommonJS. Contiene toda la biblioteca y se puede usar con:
const gumdrops = require('gumdrops');
// Or
import gumdrops from 'gumdrops';
Por conveniencia y uso directamente en el navegador, también se proporciona un UMD en:
node_modules/gumdrops/gumdrops.umd.js
Desafortunadamente, ESM aún no está ampliamente disponible para algunas herramientas actuales, y ejecutar pruebas utilizando componentes de esta biblioteca podría arrojar errores debido a la sintaxis del módulo ES. Para evitar esto, intente lo siguiente:
Para Jest : Jest usa su propia implementación de Requerir e intentará analizar los archivos con él y Babel-Jest, por defecto, ignora Node_Modules, lo que dará como resultado errores de sintaxis de las declaraciones de importación. Agregue la siguiente línea a la configuración de su broma para que ignore todo en Node_Modules, excepto esta biblioteca:
"transformIgnorePatterns": ["/node_modules/(?!gumdrops)"]
Para Mocha + Webpack : es muy probable que sus configuraciones Mocha y Webpack también ignoren el directorio Node_Modules, para evitar cualquier error de sintaxis, cargue a Babel a través de un archivo de configuración en lugar de llamar --compilers js:babel-register o --require babel-register directamente.
El contenido del archivo puede ser tan simple como:
// testSetup.js
require('babel-register')({
ignore: /node_modules/(?!gumdrops)/
});
// Import it into mocha or mocha-webpack:
--require ./testSetup.js
node: ^16.16.0, npm: ^5.5.1, yarn ^1.2.1.eslinrc y .prettierrc . Hay un gancho precommit para ejecutar los scripts más bonitos en los archivos. yarn # install dependencies
yarn run storybook
Luego abra http://localhost:6006 en su navegador. Para obtener más información, visite React Storybook Repo.
Consulte Contriping.MD para obtener información sobre la contribución de este proyecto.
¡Un agradecimiento especial a todos nuestros contribuyentes! Además, los siguientes que contribuyeron antes de mudarnos a Github: David Mejorado, Jose Santos, Mike Watt
Apache 2.0
Nota importante: este proyecto no redistribuye las bibliotecas de terceros, sino que identifica su disponibilidad. Las bibliotecas llamadas por este proyecto están sujetas a sus licencias de creadores. Recuerde consultar y cumplir con todas las licencias en sus usos.
