subtle ui

Тонкий интерфейс

Коллекция умных, но сдержанных пользовательских взаимодействий, найденных в Интернете. В этом проекте используется React, чтобы сделать пример кода простым и кратким.

Как внести свой вклад

1. Создайте новый файл уценки в папке content . Например, my-cool-example.md .
2. Добавьте следующие атрибуты вступительной части:

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

3. Добавьте пример кода и соответствующий контент, используя синтаксис уценки.
4. Отправьте запрос на включение с новым файлом уценки.
5. После слияния с master веб-сайт автоматически развернется на https://subtle-ui.netlify.com. ?

Важное примечание. В этом проекте используется пользовательский компонент для рендеринга блоков кода уценки в виде живого кода, включая предварительный просмотр. Есть несколько уникальных особенностей, о которых следует знать:

• Блоки кода настраиваются с использованием React и стилизованных компонентов, уже находящихся в области действия.
• Блоки кода должны быть написаны как императивный код, и вам нужно вызывать render с элементами JSX внизу.
• При желании вы можете использовать синтаксис ES6, поскольку код транслируется через Babel.
• В настоящее время нет возможности импортировать другие внешние библиотеки. Если у вас есть какие-либо вопросы или вам нужны дополнительные функции, сообщите о проблеме.

Разработка

yarn develop — см. локальную версию веб-сайта по адресу http://localhost:8000.

yarn build && yarn serve . См. рабочую версию веб-сайта по адресу http://localhost:9000.