React MDL MergeとMaterial Design Liteの反応

Googleは最近、開発者向けのフロントエンドリソースであるMaterial Design Liteというライブラリを公開しました。それは自動的に構築されたCSSとJSと材料設計ガイドラインを使用してあらゆるウェブサイトをスタイルします.

これは単純な開発プロジェクトのためのポピュラーなフレームワークです。 React MDLは、GoogleのフレームワークとReactライブラリを組み合わせて、広範囲のフロントエンドリソースを作成します。.

Googleのマテリアルデザインは明らかにGoogleの世界におけるUI / UXの未来です。また、Material Design Liteを使用すると、独自のオープンソースライブラリを使用してこれらの機能をあらゆるWebサイトに実装するのがこれまでになく簡単になります。.

Reactはフロントエンドビューコンポーネントに使用されている最も人気のあるフロントエンドJSフレームワークでもあります。 React MDLを使用すると、これらのReactコンポーネントをMDLライブラリとマージして、Googleのオンラインドキュメントにあるようなビューを得ることができます。.

これがどのように見えるかの感触を得ることができるように、これはサンプル記事テンプレートです。.

このページは多くのReactコンポーネントを持っていませんが、それは材料設計の美学を示します。 Reactコンポーネントを使用して構築されたこのデモにはもっとたくさんのアクションがあります。.

もっと知りたければ、GitHubレポジトリでMaterial Design Liteに関するより多くの情報を実際に見つけることができます。そこからあなたはあなたのページに実装するために生のCSSとJSをダウンロードすることができます。.

残念ながらReact MDLはまだかなり新しいので、すべてのコンポーネントを完全にはサポートしていません。.

しかし、あなたはここにそれぞれのための小さなデモを含む完全なリストを見ることができます。これには、必要に応じて自分のプロジェクトにコピー＆ペーストできるソースコードも含まれています。.

私は...するだろう ではない 両方のライブラリに慣れるまでReact MDLを学ぶことをお勧めします。.

Material Design Liteスイートの起動は非常に簡単ですが、Reactははるかに複雑です.

MDLの詳細については、公式サイトのFAQページをご覧ください。どこでMDLを使用するか、それが提供する機能、そして典型的なwebdevワークフローにどのように適合できるかについてのヒントを提供します。.

しかし、Reactがあまりよく理解されていなくても、コンポーネントページのすべてのサンプルを見れば、実際にうまくいくことができます。たとえば、テキストフィールドページには、マテリアルデザインを使用しながらReactコードスニペットを使用したテキストフィールドがあります。.

気軽に遊んで、あなたが何を作ることができるかを見てください。どちらのライブラリも、個人用でも商用用でも、すべてのプロジェクトに対して完全にフリーでオープンソースです。.

あなたがソースを研究して、そしてダイビングしたいならば、あなたはReact MDL GitHubページからもっと多くを見つけることができます.