A collection of awesome Polymer resources.
- General resources
- Polymer Communities
- Polymer News
- Polymer Codelabs / Playgrounds
- Directories
- Elements
- Mixins / Behaviors
- Libraries
- Patterns
- Polymer is SEO-friendly
- Tutorials / Guides
- Case Studies
- Integration with other frameworks
- Articles
- Videos
- Boilerplates
- Tools
- Editor Plugins
- Testing
- Notable projects
- Polymer Authors
- Other awesome resources
- Polymer Official Site
- Polymer Project repo - Roadmap, Code of Conduct, How to Contribute, and more.
- Polymer Library repo
- Polymer repos
- Polymer Elements repos
- Polymer Labs repos
- Polymer Summit
- Chrome Dev Summit
- Slack
- StackOverflow
- GoogleGroup
- Google+ Profile
- Google+ Community
- Chinese QQ Group
- Polymeristi - Czech & Slovak Polymer community.
- Polymer Catalog
- Awesome Elements
- StartPolymer Elements
- Vaadin Core Elements - Themable UI elements (Material and Valo themes).
- UniFlow - uni-directional data flow + maintains state of entire application
- Difference between UniFlow and Redux
- ToDo MVC Demo
- UniFlow Polymer Starter Kit
- Answers from author @militeev on Slack
- With UniFlow you move all your complex logic to action dispatchers, leaving to the visual elements only tasks of rendering the data and reacting to user events. This simplifies things a lot, especially when it comes to unit testing.
- Answering the question if this is another alternative to Redux, the answer is probably yes. We started the project in early 2016, and Flux and Redux ideas definitely influenced it.
- I would say it's implementation of basic principles of Flux/Redux + convenience methods for views.
- Yes, it was developed as part of an internal project at Google, then we separated it out, documented and open-sourced.
- From my experience, patterns are easier to follow if they're implemented in the code. For small projects it's not critical. When you have large group of people working on a project, chances are that different people will attempt doing same thing in various different ways. Having library and guidelines how to use it helps in this case.
- Yes, you can easily implement all these concepts yourself, customizing the way you want. The advantage of having the library is that someone already thought about different scenarios that may occur, coded those and unit-tested.
- How to use Redux in Polymer -- Polycasts #61
- Project Structure for Using Redux with Polymer 2.0
- Why not to store objects in Redux - 2017-07
PRPL Pattern is alternative for a benefits of server-side rendering.
Polymer Project develops PRPL server using Rendertron server which runs Headless Chrome to render and serialize web pages for search bots, so all the content is contained in one network request.
- PRPL server - Rendering for Bots
- Solving SEO with Headless Chrome (Polymer Summit 2017)
- Puppeteer Playground
- Rendertron - headless rendering service
- StartPolymer Playground #1 is simple SEO-friendly template with fragment links.
- Build your first Polymer 2 element
- Build your first Polymer 2 app
- The Gold Standard Checklist for Web Components
- Flexbox layout guide
- Polymer Cheat Sheets
- Document your elements
- Chromium Web Development Style Guide
- Polymer Style Guide
- FamilySearch Polymer Style guide
- Polymer @ YouTube - The YouTube site is comprised of over 400 web components. - 2017-08
- Santa Tracker as a PWA - 2017-03
- NET-A-PORTER - 2016-04
- Creating a Lightsaber with Polymer - 2015-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
- Project Structure for Using Redux with Polymer 2.0 - 2017-07
- 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) 2017-06
- Polymer 2.0 + IE11: Don’t use 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
- Building web components using ES6 classes - 2015-09
- Live-reload for Polymer Chrome Apps - 2015-06
- Guitar Tuner with Web audio API - 2015-06
- Polymer for the Performance-obsessed - 2015-06
- What is shady DOM - 2015-05
- Using Polymer webcomponents with Angular JS - 2015-05
- Setting up your Production-ready Polymer 1.0 Application Development - 2015-06
- Dynamically Loading Elements & ES6 Modules
- The Cost of Frameworks - 2015-11
- Polycasts
- Building a Polymer 2 Progressive Web App with the Polymer CLI - 2017-07
- State of Polymer Jan '17 at This.JavaScript with Rob Dodson - 2017-02
- Make your Polymer web-app Progressive - 2016-11
- Learn Polymer 1.0 - 2015
- Level up Tutorials - 2015
- Polymer Summit 2017 - 2017-08
- Polymer Summit 2016 - 2016-10
- Polymer Summit 2015 - 2015-10
- Progressive Web App Summit 2016 - 2016-06
- Chrome Dev Summit 2016 - 2016-11
- Chrome Dev Summit 2015 - 2015-11
- 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
- Polymer Starter Kit - Build tools & boilerplate for creating production-quality web apps.
- Polymer Starter Kit Plus
- Seed element
- Polymer CLI - Command-line tool for initialization, serving, linting, testing, building, azalyzing.
- Polymer Chrome DevTools Extension
- 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. - StartPolymer CDN
- On-the-fly Polymer style modules
- StartPolymer Toolbox - Hot Reloading and more tools...
Polymer Editor Plugins @ Polymer Summit 2016
- Web components tester - Makes testing your web components a breeze!
- 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.
- Testing Tips - 2016-01
- Polymer Projects - List of websites and apps built with Polymer.
- Built with Polymer
- Who's using Polymer?
- Gold Elements Demo
- Google Analytics Dashboard
- Google I/O 2015 - v0.5
- Guitar Tuner
- Chat Demo
- Padlock - A minimalist open source password manager.
- Scan Chrome OS App
- SFTP File System Chrome OS App
- Snapdrop - The easiest way to transfer files across devices.
- TimeDoser - Pomodoro Timer
- Voice Memos
- Eric Bidelman
- Monica Dinculescu
- Rob Dodson slides
- Wendy Ginsberg GitHub - Product Manager
- Polymer Summit Speakers
