subtle ui

Interfaz de usuario sutil

Una colección de interacciones de usuarios inteligentes pero discretas que se encuentran en la web. Este proyecto utiliza React para mantener el código de ejemplo simple y breve.

Cómo contribuir

1. Cree un nuevo archivo de rebajas en la carpeta content . Por ejemplo my-cool-example.md .
2. Agregue los siguientes atributos preliminares:

 title: My Cool Example
date: 2019-09-24
author: John Doe
github: johndoe123

3. Agregue su código de ejemplo y contenido relevante utilizando la sintaxis de rebajas.
4. Envíe una solicitud de extracción con el nuevo archivo de rebajas.
5. Una vez fusionado con master el sitio web se implementará automáticamente en https://subtle-ui.netlify.com. ?

Nota importante: este proyecto utiliza un componente personalizado para representar bloques de código de rebajas como código en vivo, incluida una vista previa. Hay algunas características únicas a tener en cuenta:

• Los bloques de código están configurados con React y Styled Components que ya están en el alcance.
• Los bloques de código deben escribirse como código imperativo y debes llamar render con tus elementos JSX en la parte inferior.
• Puede utilizar la sintaxis de ES6 si lo desea, ya que el código se transpila a través de Babel.
• En este momento no hay forma de importar otras bibliotecas externas. Si tiene alguna pregunta o necesita funciones adicionales, presente un problema.

Desarrollo

yarn develop : vea una versión local del sitio web en http://localhost:8000

yarn build && yarn serve : consulte una versión de producción del sitio web en http://localhost:9000