今日推荐开源项目：《Java 设计模式 java-design-patterns》传送门：GitHub链接
推荐理由：这个项目里收录了大量的 Java 程序设计模式，在阅读它们之前你可能需要了解一些诸如 YAGNI 之类的简单概念。这些设计模式下面都写有适用于哪些场景，根据这个来选择可能适合自己的来使用吧，如果事先没有做好计划就开始设计的话很容易让代码变得一团乱，应该想办法避免这种情况的发生。
今日推荐英文原文：《11 Material Design UI Component Libraries for 2018》作者：Jonathan Saring
推荐理由：React，Vue 和 Angular 上的 UI 组件介绍，不过文章开头提到的 Material Design 也是很值得一看的。这是一个设计系统，能够让你直接使用里面提供的组件或者是自定义它们中的一些参数；也可以说它是一种设计的规范，旨在为不同平台的用户提供统一的体验。
11 Material Design UI Component Libraries for 2018
Useful React, Vue and Angular UI component libraries built with Material Design.
Google’s Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices.
With the rise of React, Vue, Angular and Web components, Material Design becomes a popular way to style the building blocks of our application’s UI.
To help you get started, we’ve gathered some of the finest UI component libraries in the open source community, implementing Material Design.
Tip: using Bit components from any of these libraries can be easily shared, discovered and developed right from any project (!). It’s open source, so you can just give it a try and create a shared component collection for your team.
Bit helps you share, discover and use code components between projects and applications to build new features and…bitsrc.io
Every component will be presented with a live UI playground, test and build results, auto-managed dependencies and can even be installed via NPM.
1. React Material-UI
A widely popular (40k stars) set of React components implementing Google’s Material Design. Perhaps the most popular UI component library on earth, MUI has 1000 contributors and provides an out-of-the-box framework to compose a React application using a well-crafted set of UI components.
React components that implement Google’s Material Design. – mui-org/material-uigithub.com
2. React Toolbox
React toolbox is a set of React components implementing Google’s Material Design with the power of CSS Modules. With over 8K stars and over 225 contributors, this library v2 is still under development and integrates into your bundler (webpack/other) workflow. Note that CSS-Modules is required.
A set of React components implementing Google’s Material Design specification with the power of CSS Modules …github.com
3. React material-components-web
A UI kit of Modular and customizable Material Design UI components for the web. Developed by a team at Google, it’s widely popular in the community with 11K stars and 300 contributors. Components are built to be production-ready consumable as individual packages (also perfect with Bit). The library even provides integration with other JS frameworks and libraries.
Modular and customizable Material Design UI components for the web – material-components/material-components-webgithub.com
4. React MD
A material design implementation in React with 2K stars and a set of fully accessible UI components and Sass files oriented for the web. The library comes with built-in customizable themes and a bunch of useful dev scripts. Here’s a useful example of kicking things off with webpack 2 configs.
React material design. Contribute to mlaursen/react-md development by creating an account on GitHub.github.com
A 14K stars Material UI component framework for Vue.js 2. It aims to provide clean, semantic and reusable cross-platform components, supporting all modern browsers, including IE11 and Safari 9+ (using polyfills). You can try the vue-cli Webpack SSR template to play with next-gen SEO websites.
Material Component Framework for Vue.js 2. Contribute to vuetifyjs/vuetify development by creating an account on…github.com
6. Vue Material
At 7K stars Vue Material is a Simple, lightweight library built according to the Google Material Design specs to the pixel. The library’s components support all modern web browsers, and out-of-the-box themes are provided. There’s even a fully-featured webpack setup template. Take a look.
Material design for Vue.js. Contribute to vuematerial/vue-material development by creating an account on GitHub.github.com
7. Vue Keen-UI
A lightweight collection of essential UI components written with Vue and inspired by Material Design …github.com
8. Vue Muse UI
At 7K stars this popular Vue.js UI components library implements Material Design guidelines. The library aims at developers building mobile applications and some desktop applications with strict requirements for browser compatibility. On top of components, built-in themes are included.
Material Design UI library for Vuejs 2.0. Contribute to museui/muse-ui development by creating an account on GitHub.github.com
9. Angular Material2
Material2 is Google’s Angular (2+) and TypeScript implementation of Google’s Material Design. At 16K stars and with over 320 contributors, it’s the most popular NG component library on earth. It provides over 40 components and built-in themes, with cross-browser support. Here’s a live example.
Material Design components for Angular. Contribute to angular/material2 development by creating an account on GitHub.github.com
10. AngularJS Material
Also at 16K stars, this UI component library implements Material Design for AngularJS. it was built to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design specification for use in AngularJS single-page applications (SPAs). Note that using AngularJS Material requires the use of AngularJS 1.4.x or higher.
Material design for AngularJS. Contribute to angular/material development by creating an account on GitHub.github.com
11. Material-design-lite & Materlize
Material Design Components in HTML/CSS/JS. Contribute to google/material-design-lite development by creating an account…github.com
At 35K stars Materialize is a A modern responsive front-end CSS framework based on Material Design. The project provides components and animations that provide feedback to users. Additionally, a single underlying responsive system across all platforms allow for a more unified user experience.
Materialize, a CSS Framework based on Material Design – Dogfalo/materializegithub.com
Comment to add some more UI libraries built with Material Design! ✨
11 React component libraries with great components for building your next app’s UI interface in 2018.blog.bitsrc.io
5 tools to speed the development of your React application, focusing on components.blog.bitsrc.io