subtle ui

繊細なUI

Web 上で見られる、巧妙だが控えめ​​なユーザー インタラクションのコレクション。このプロジェクトでは 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にマージされると、Web サイトは自動的に https://subtle-ui.netlify.com にデプロイされます。 ?

重要な注意:このプロジェクトでは、カスタム コンポーネントを使用して、マークダウン コード ブロックをプレビューを含むライブ コードとしてレンダリングします。注意すべき固有の特性がいくつかあります。

• コード ブロックは、すでにスコープ内にある React および Styled コンポーネントを使用して構成されています。
• コード ブロックは命令型コードとして記述する必要があり、最後に JSX 要素を使用してrenderを呼び出す必要があります。
• コードは Babel 経由でトランスパイルされるため、必要に応じて ES6 構文を使用できます。
• 現時点では、他の外部ライブラリをインポートする方法はありません。ご質問がある場合、または追加機能が必要な場合は、問題を提出してください。

発達

yarn develop - http://localhost:8000 の Web サイトのローカル バージョンを参照してください。

yarn build && yarn serve - http://localhost:9000 の Web サイトの実稼働バージョンを参照してください。