awesome-polymer

A collection of awesome Polymer resources.
https://github.com/StartPolymer/awesome-polymer

Last synced: 16 days ago
JSON representation

Articles
- GraphQL
  - Project Structure for Using Redux with Polymer 2.0 - 2017-07
  - Learn Polymer - From Beginner to Expert - 2018-04
  - How to combine Web Components with Storybook - 2018-03
  - Make Polymer 2.0 Web Components work on IE11 and Edge - 2017-12
  - Thoughts on Polymer 3.0 after Polymer Summit 2017 - 2017-09
  - Building Polymer apps with gulp - 2017-08
  - Localize Polymer apps with translation platform - 2017-08
  - Shadow DOM: fast and encapsulated styles - 2017-08
  - Polymer + Cordova: Can’t access device images - 2017-08
  - Managing State in Polymer 2.0 - Beyond Parent / Child Binding - 2017-07
  - Polymer anti-patterns: Prevent leaking internals between components - 2017-07
  - Don’t use jQuery plugins with Shadow DOM - 2017-06
  - Polymer 2.0 pitfalls: key bindings (Accessibility) - 06
  - Polymer 2.0 + IE11: Don’t use <dom-bind> in your index.html - 2017-06
  - Polymer Tips: Prevent Inactive Views Responding To Other Route Changes - 2017-05
  - Custom Elements That Work Anywhere - 2016-11
  - Property Change Observers in Polymer - 2016-01
  - Guitar Tuner with Web audio API - 2015-06
  - Polymer for the Performance-obsessed - 2015-06
  - Setting up your Production-ready Polymer 1.0 Application Development - 2015-06
  - The Cost of Frameworks - 2015-11
  - Property Change Observers in Polymer - 2016-01
  - How to combine Web Components with Storybook - 2018-03
  - Make Polymer 2.0 Web Components work on IE11 and Edge - 2017-12
  - Using Polymer webcomponents with Angular JS - 2015-05
  - Thoughts on Polymer 3.0 after Polymer Summit 2017 - 2017-09
  - Managing State in Polymer 2.0 - Beyond Parent / Child Binding - 2017-07
  - Polymer Tips: Prevent Inactive Views Responding To Other Route Changes - 2017-05
Case Studies
- Upgrade Guides
  - Polymer @ YouTube - The YouTube site is comprised of over 400 web components. - 2017-08
  - Santa Tracker as a PWA - 2017-03
  - Creating a Lightsaber with Polymer - 2015-12
  - Santa Tracker as a PWA - 2017-03
  - NET-A-PORTER - 2016-04
  - Creating a Lightsaber with Polymer - 2015-12
Directories
- Hashtags
  - WebComponents.org
Editor Plugins
- Atom
  - Polymer IDE
  - Polymer Syntax
- Google I/O
  - Polymer Editor Plugins @ Polymer Summit 2016
  - Polymer Editor Plugins @ Polymer Summit 2016
- Sublime Text
- VS Code
Elements
- Hashtags
  - Polymer Catalog
  - Awesome Elements
  - StartPolymer Elements
  - Material Web Components
  - Vaadin Core Elements - Themable UI elements (Material and Valo themes).
- Routing
  - \<app-route\> - describing routing for a web app.
  - \<polymer-ui-router\> - UI Router wrapper for Polymer 2.x+
  - Encapsulated Routing with Elements
General resources
- Hashtags
  - #UseThePlatform
  - #UseWebPlatform
- - Polymer repos
  - Polymer Elements repos
  - Polymer Labs repos
  - Chrome Dev Summit
  - Polymer Library repo
  - Polymer Summit
  - Chrome Dev Summit
  - Polymer Project repo - Roadmap, Code of Conduct, How to Contribute, and more.
Integration with other frameworks
- GraphQL
  - Polymer Apollo Integration
- Upgrade Guides
  - Integrating Polymer 3 Components on Angular 5, more simple… - 2018-04
  - Aurelia + Polymer integration
  - How to use Polymer with Webpack - 2017-07
Libraries
- lit-html
  - lit-html - HTML templates with JS template literals, and efficiently render and re-render those templates to DOM.
  - fit-html - 3KB web components + lit-html + redux library without bloat.
  - Awesome lit-html
  - lit-element - Base class for creating custom elements using Polymer and lit-html.
- Routing
  - pwa-helpers - Small helper methods or mixins to help you build web apps.
Mixins / Behaviors
- Routing
  - Mixins
  - Behaviors
Notable projects
- Lists
  - Who's using Polymer?
  - Polymer Projects - List of websites and apps built with Polymer.
- Sublime Text
  - Polymon - Seek out Polymer team members and capture them as Polymon!
  - Cheese - Simple web app that lets you take a selfie and automatically places stickers on the face.
  - PWA for Polymer Summit 2017
  - Padlock - A minimalist open source password manager.
  - Guitar Tuner
  - TimeDoser - Pomodoro Timer
Other awesome resources
- Lists
Patterns
- Managing State
  - Thinking in Polymer (The Polymer Summit 2015)
  - Mediator Pattern vs Global Mediator Pattern
  - Difference between UniFlow and Redux
  - ToDo MVC Demo
  - How to use Redux in Polymer -- Polycasts #61
  - Why not to store objects in Redux - 2017-07
  - Thinking in Polymer (The Polymer Summit 2015)
  - Mediator Pattern vs Global Mediator Pattern
  - UniFlow - uni-directional data flow + maintains state of entire application
  - UniFlow Polymer Starter Kit
  - redux-store-element - A custom element allowing a more declarative use of Redux.
  - Project Structure for Using Redux with Polymer 2.0
- PRPL Pattern
  - PRPL Pattern - side rendering.
  - End to End Apps with Polymer (Polymer Summit 2017)
  - prpl-server-go
  - PRPL Pattern - side rendering.
  - prpl-server-node
Polymer Authors
- Lists
  - GitHub People
  - Polymer Summit Speakers
Polymer Codelabs / Playgrounds
- Hashtags
Polymer Communities
- Hashtags
  - Slack
  - GoogleGroup
  - Twitter
  - Reddit
  - Chinese QQ Group
  - Polymeristi - Czech & Slovak Polymer community.
  - Google+ Community
  - Polymeristi - Czech & Slovak Polymer community.
Polymer is SEO-friendly
- PRPL Pattern
- Searchbots
  - Polymer 2 and Googlebot - 2017-12
Polymer & Web Components Blogs
- Hashtags
Templates
- Google I/O
Testing
- Sublime Text
  - Web components tester
  - Testing Tips - 2016-01
  - test-fixture - Element that can simplify the exercise of consistently resetting a test suite's DOM.
  - iron-test-helpers - Utility classes to make testing easier.
Tools
- Google I/O
  - Polymer CLI - The command-line tool for Polymer projects and Web Components.
  - Polymer Ready Chrome Extension - Show an icon in the address bar when it detects some Polymer and Custom components.
  - Polymer Iconset Generator
  - Polymer Magic Server - The Magic Server serves files directly from github (via `cdn.rawgit.com`) in a manner that is compatible with HTML Imports natural deduplication feature.
  - Polymer Chrome DevTools Extension
  - StartPolymer CDN
  - On-the-fly Polymer style modules
  - StartPolymer Toolbox - Hot Reloading and more tools...
  - Polymer Ready Chrome Extension - Show an icon in the address bar when it detects some Polymer and Custom components.
  - On-the-fly Polymer style modules
Tutorials / Guides
- Searchbots
- Style Guides
- Upgrade Guides
Videos
- Chrome Dev Summit
  - Chrome Dev Summit 2017 - 2017-10
  - End-to-End Polymer Apps with the Modern Web Platform
  - lit-HTML
  - Chrome Dev Summit 2016 - 2016-11
  - Web Components and Polymer
  - Planning for Performance: PRPL
  - Chrome Dev Summit 2015 - 2015-11
  - Polymer - State of the Union
  - Building Progressive Web Apps with Polymer
  - Chrome Dev Summit 2017 - 2017-10
  - End-to-End Polymer Apps with the Modern Web Platform
  - lit-HTML
  - Chrome Dev Summit 2016 - 2016-11
  - Web Components and Polymer
  - Planning for Performance: PRPL
  - Chrome Dev Summit 2015 - 2015-11
  - Polymer - State of the Union
  - Building Progressive Web Apps with Polymer
  - Chrome Dev Summit 2017 - 2017-10
  - Chrome Dev Summit 2016 - 2016-11
  - Chrome Dev Summit 2015 - 2015-11
- Google I/O
  - Web Components and the Polymer Project @ Google I/O 2018 - 2018-05
  - Chrome and Web @ Google I/O 2018 - 2018-05
  - Polymer @ Google I/O 2017 - 2017-05
  - Chrome and Web @ Google I/O 2017 - 2017-05
  - Polymer @ Google I/O 2016 - 2016-05
  - Web and Chrome @ Google I/O 2016 - 2016-05
  - Polymer and modern web APIs: In production at Google scale @ Google I/O 2015 - 2015-05
  - Web Components and the Polymer Project @ Google I/O 2018 - 2018-05
  - Chrome and Web @ Google I/O 2018 - 2018-05
  - Polymer @ Google I/O 2017 - 2017-05
  - Chrome and Web @ Google I/O 2017 - 2017-05
  - Polymer @ Google I/O 2016 - 2016-05

Programming Languages

JavaScript 6 HTML 3 TypeScript 1

Categories

Videos 55 Articles 28 Patterns 17 Tutorials / Guides 15 Editor Plugins 13 Tools 10 General resources 10 Polymer Communities 8 Elements 8 Templates 8 Notable projects 8 Case Studies 6 Polymer & Web Components Blogs 6 Libraries 5 Polymer Codelabs / Playgrounds 4 Integration with other frameworks 4 Polymer is SEO-friendly 4 Testing 4 Other awesome resources 3 Polymer Authors 2 Mixins / Behaviors 2 License 1 Directories 1

Sub Categories

Google I/O 38 GraphQL 36 Hashtags 26 Chrome Dev Summit 21 Sublime Text 14 Upgrade Guides 12 Managing State 12 PRPL Pattern 8 Searchbots 8 Lists 8 Polymer Summit 7 Routing 6 VS Code 5 Style Guides 5 lit-html 4 Progressive Web App Summit 2 Atom 2

Keywords

polymer 8 webcomponents 6 web-components 3 awesome-list 2 custom-elements 2 lit-html 2 prpl-pattern 1 progressive-web-apps 1 http2-push 1 http2 1 html-template 1 html-imports 1 es6-modules 1 csr 1 unidirectional-data-flow 1 mixins 1 polymer-components 1 polymer-apollo 1 apollo-query 1 apollo-client 1 apollo 1 seo 1 rendering 1 puppeteer 1 headless-chrome 1 awesome-polymer 1 profiling 1 performance-metrics 1 chrome-extension 1 chrome-devtools-extension 1 chrome-devtools 1 awesome 1 ui-router 1 routing 1 router 1 javascript 1 vuejs 1 skatejs 1 redux 1 angular 1 pwa 1 webplatform 1 web-workers 1 web-api 1 web-accessibility 1 usewebplatform 1 usetheplatform 1 shadow-dom 1 service-workers 1 rail-performance-model 1