Polymer

Awesome Polymer

> 很棒的 Polymer 资源集合

General resources

• Official Site
• Blog
• Google+ Profile
• Github
• Project 所有与 Polymer 项目相关的事情——路线图、行为准则、如何贡​​献等等.

Polymer Communities

• StackOverflow
• GoogleGroup
• Twitter
• Google+ Community
• Slack channel

Tutorials/Guides

• Official Codelabs
• Test your elements
• Testing Tips
• Unit Testing
• Deploy with Firebase
• Migration guide
• Using elements
• Flexbox layout with iron-flex-layout
• Using Neon Animations
• Build a real-time to-do app
• Taming Polymer with SystemJS and TypeScript 第1部分
• Polymer 3.0 Preview — Building a mini card game

Articles

• Encapsulated Routing with Elements
• Building web components using ES6 classes
• Write web components with ES2015 (ES6)
• Live-reload for Polymer Chrome Apps
• Using Polymer with Flux and a global app state
• Guitar Tuner with Web audio API
• Polymer for the Performance-obsessed
• What is shady DOM
• Using Polymer webcomponents with Angular JS
• Upgrading to 1.0 比特猎犬博客
• Dynamically Loading Elements & ES6 Modules
• NET-A-PORTER case study
• Polymer loves Redux
• How to use Polymer with Webpack

Videos

• Polycasts
• Summit 2017
• Summit 2016
• Summit 2015
• The Web Platform Podcast 46: Polymer 1.0
• Google I/O 2017 - Future, Faster: Unlock the Power of Web Components with Polymer
• Google I/O 2015 - Polymer and modern web APIs: In production at Google scale
• Componentize your app with Polymer Elements
• Learn Polymer 1.0 通过 Stretch Projects
• Level up Tutorials

Boilerplates

• Polymer boilerplate
• Starter kit 构建用于创建生产质量 W​​eb 应用程序的工具和样板.
• Seed element
• Polymer Admin 使用 Polymer 1.0 和 Polymer Starter Kit 创建的响应式管理仪表板
• Meteor-Polymer Starter Kit 使用 MWC 包启动 Meteor - Polymer 项目
• Meteor-Polymer Starter Kit Including Auth

Generators

• Generator Polymer Polymer 项目的 Yeoman 生成器，基于官方 Starter kit.
• Generator element 使用 Polymer、X-Tag 或 VanillaJS 创建自定义元素的 Yeoman 生成器.

Official Elements

• Elements Catalog
• Iron 铁元素是一组视觉和非视觉实用元素.
• Paper Paper 元素是一组实现 Google Material Design 的视觉元素.
• Google web components
• Gold 黄金元素是为结账流程等电子商务用例构建的.
• Platinum 将您的网页变成真正的网络应用程序的元素，具有推送、离线等功能.
• Molecules 包装其他 javascript 库的元素.
• App 允许使用模块化自定义元素构建完整 Web 应用程序的元素.
• Data 数据/存储相关元素的集合.
• Layout 布局相关元素的集合.
• [过时] 霓虹灯 霓虹灯元素实现特殊效果.

Directories

• Built with Polymer
• Webcomponents.org
• Components Kitchen
• open-elements 对所有使用聚合物的元素开放 ^1.1

Tools

• App Toolbox 应用工具箱.
• Polyserve 一个简单的 Web 服务器，用于在本地使用 Bower 组件.
• Polybuild 用于 Polymer 应用程序的一体化构建工具.
• Polyup 从 Polymer v0.5 迁移到 1.0 的有用助手.
• Polylint 检测代码中的错误.
• Polygit Magic Server 以与 HTML Imports 自然重复数据删除功能兼容的方式直接从 github（通过 cdn.rawgit.com）提供文件.
• Polydev 开发工具扩展.
• Polymer Ready 当检测到某些 Polymer 和自定义组件时，在地址栏中显示一个图标.
• Vulcanize 用于 HTML 导入和 Web 组件的构建工具.
• Crisper 从 HTML 文件中拆分内联脚本以实现 CSP 合规性.
• Snippets for Atom editor
• Snippets for Sublime Text editor
• Synthesis 使用 Polymer 作为 Meteor.js 的视图层
• MWC-Layout 控制聚合物组件的渲染.
• WC-Loader . Webcomponents webpack 加载器
• Polymer Webpack Loader . 聚合物 webpack 加载器.
• Polymer CDN . 聚合物组件的非官方 CDN.
• lit-html HTML 模板，通过 JavaScript 模板文字.

Testing

• Web components tester 使测试您的 Web 组件变得轻而易举！
• Web components tester istambul 用于 web-component-tester 的伊斯坦布尔覆盖插件.
• test-fixture 可以简化持续重置测试套件 DOM 的练习的元素.
• iron-test-helpers 使测试更容易的实用程序类.

Behaviors

• Polymer-Apollo Polymer Apollo GraphQL 集成.
• MWC-Mixin 聚合物元素的反应性流星数据源
• MWC-Router 两种方式将聚合物与 Meteor Flowrouter 结合.
• Polymer-Redux Redux 的聚合物绑定.

Theming/Styling

• Polymer Themes 免费的 Polymer 主题和模板
• Material Palette 基于 Material Design 的调色板生成器
• Polystyle 使用 Polymer 的样式模块系统包装现有样式表.

Notable projects

Polymer Projects 使用 Polymer 构建的网站和应用程序列表

Other awesome resources

如果你想要更多精彩资源，请查看 awesome 列表！

---

License