반응 MDL 병합은 Material Design Lite와 반응합니다.

Google은 최근 개발자를위한 프론트 엔드 리소스 인 Material Design Lite라는 라이브러리를 출간했습니다. 사전 제작 된 CSS 및 JS로 재료 디자인 지침을 사용하여 웹 사이트의 스타일을 자동으로 지정합니다..

이것은 간단한 개발자 프로젝트에 널리 사용되는 프레임 워크입니다. React MDL은 Google의 프레임 워크와 React 라이브러리를 결합하여 포괄적 인 프론트 엔드 리소스를 만듭니다..

Google의 소재 디자인은 분명히 Google 세계에서 UI / UX의 미래입니다. 또한 Material Design Lite를 사용하면 독점적 인 오픈 소스 라이브러리를 통해 웹 사이트에 이러한 기능을 구현하는 것이 그 어느 때보 다 쉬워졌습니다..

React는 프런트 엔드 뷰 구성 요소에 사용되는 JS 프레임 워크 중 가장 널리 사용되는 프론트 엔드 JS 프레임 워크이기도합니다. React MDL을 사용하면 이러한 React 구성 요소를 MDL 라이브러리와 병합하여 Google 온라인 문서에서 볼 수있는 것처럼 볼 수 있습니다..

여기 샘플 문서 템플릿이있어서 어떻게 보이는지 알 수 있습니다..

이 페이지에는 많은 React 구성 요소가 없지만 재료 설계의 미적 감각을 보여줍니다. React 컴포넌트를 사용하여 만든이 데모에서 더 많은 액션을 발견 할 수 있습니다..

Material Design Lite에 대한 자세한 정보는 GitHub 레포에서 찾을 수 있습니다. 거기에서 원시 CSS와 JS를 다운로드하여 모든 최신 브라우저와 우아한 성능 저하를 자동으로 지원하는 페이지에 구현할 수 있습니다..

불행히도 React MDL은 아직 상당히 새롭기 때문에 모든 구성 요소를 완벽하게 지원하지는 않습니다..

그러나 각각의 작은 데모를 포함하여 전체 목록을 볼 수 있습니다. 여기에는 필요에 따라 자신의 프로젝트에 복사 / 붙여 넣기 할 수있는 소스 코드도 포함됩니다.

나는 아니 이미 두 도서관에서 편할 때까지 React MDL을 배우는 것이 좋습니다.

Material Design Lite 제품군은 시작하기가 매우 쉽지만 React는 훨씬 더 복잡합니다..

MDL에 대한 자세한 내용은 공식 사이트 FAQ 페이지를 참조하십시오. MDL 사용 위치, 제공되는 기능 및 일반적인 웹 개발 워크 플로우에 적합한 방법에 대한 정보를 제공합니다..

하지만 솔직히 이해할지라도, 매우 잘 이해하면 컴포넌트 페이지에있는 모든 샘플을 얻을 수 있습니다. 예를 들어 텍스트 필드 페이지는 머티리얼 디자인을 사용하는 실제 텍스트 필드를 가지고 있지만 리액션 코드 스 니펫이 있습니다..

자유롭게 놀고 빌드 할 수있는 것을 확인하십시오. 두 도서관 모두 개인적이든 상업적이든 모든 프로젝트에 대해 완전히 무료이며 오픈 소스입니다..

React MDL GitHub 페이지에서 소스와 다이빙을 배우고 싶다면 더 많은 정보를 얻을 수 있습니다..