subtle ui

Interface utilisateur subtile

Une collection d'interactions utilisateur intelligentes mais discrètes trouvées sur le Web. Ce projet utilise React pour garder l'exemple de code simple et bref.

Comment contribuer

1. Créez un nouveau fichier de démarque dans le dossier content . Par exemple my-cool-example.md .
2. Ajoutez les attributs de présentation suivants :

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

3. Ajoutez votre exemple de code et le contenu pertinent à l'aide de la syntaxe markdown.
4. Soumettez une pull request avec le nouveau fichier de démarque.
5. Une fois fusionné avec master le site Web sera automatiquement déployé sur https://subtle-ui.netlify.com. ?

Remarque importante : ce projet utilise un composant personnalisé pour restituer les blocs de code markdown sous forme de code en direct comprenant un aperçu. Il y a quelques caractéristiques uniques à prendre en compte :

• Les blocs de code sont configurés avec les composants React et Styled déjà dans la portée.
• Les blocs de code doivent être écrits sous forme de code impératif et vous devez appeler render avec vos éléments JSX en bas.
• Vous pouvez utiliser la syntaxe ES6 si vous le souhaitez car le code est transpilé via Babel.
• Pour le moment, il n'existe aucun moyen d'importer d'autres bibliothèques externes. Si vous avez des questions ou avez besoin de fonctionnalités supplémentaires, veuillez signaler un problème.

Développement

yarn develop - Voir une version locale du site Web sur http://localhost:8000

yarn build && yarn serve - Voir une version de production du site Web sur http://localhost:9000