subtle ui

Subtile Benutzeroberfläche

Eine Sammlung cleverer, aber unauffälliger Benutzerinteraktionen, die im Web zu finden sind. Dieses Projekt verwendet React, um den Beispielcode einfach und kurz zu halten.

Wie man einen Beitrag leistet

1. Erstellen Sie eine neue Markdown-Datei im content . Zum Beispiel my-cool-example.md .
2. Fügen Sie die folgenden Titelattribute hinzu:

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

3. Fügen Sie Ihren Beispielcode und relevanten Inhalt mithilfe der Markdown-Syntax hinzu.
4. Senden Sie eine Pull-Anfrage mit der neuen Markdown-Datei.
5. Nach der Zusammenführung mit master wird die Website automatisch unter https://subtle-ui.netlify.com bereitgestellt. ?

Wichtiger Hinweis: Dieses Projekt verwendet eine benutzerdefinierte Komponente, um Markdown-Codeblöcke als Live-Code einschließlich einer Vorschau darzustellen. Es gibt einige einzigartige Merkmale, die Sie beachten sollten:

• Codeblöcke werden mit React- und Styled-Komponenten konfiguriert, die sich bereits im Bereich befinden.
• Codeblöcke sollten als zwingender Code geschrieben werden und Sie müssen render mit Ihren JSX-Elementen unten aufrufen.
• Bei Bedarf können Sie die ES6-Syntax verwenden, da der Code über Babel transpiliert wird.
• Derzeit gibt es keine Möglichkeit, andere externe Bibliotheken zu importieren. Wenn Sie Fragen haben oder zusätzliche Funktionen benötigen, reichen Sie bitte ein Problem ein.

Entwicklung

yarn develop – Sehen Sie sich eine lokale Version der Website unter http://localhost:8000 an

yarn build && yarn serve – Sehen Sie sich eine Produktionsversion der Website unter http://localhost:9000 an